zoukankan html css js c++ java

关于人生倒计时的一个小玩意，纯属业余

人生倒计时

出生年份：出生月份：

<!DOCTYPE html>
<html id="spLianghui">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>人生倒计时</title>
    <script>

        function goDead() {
            var y = document.getElementById("txtYear").value;
            var m = document.getElementById("txtMonth").value;

            var cY = new Date().getFullYear();
            var cM = new Date().getMonth();

            document.getElementById("divL").innerHTML = "你的人生已经度过了" + ((((cY - y) / 70) * 100).toFixed(2) + "%");

            var endY = parseInt(y) + 70;
            var strHTML = "";
            for (var i = y; i <= endY; i++) {
                if (cY > i) {
                    strHTML += "<tr style='background-color:red' ><td >" + i + "</td>";
                } else {
                    strHTML += "<tr><td style='background-color:blue'>" + i + "</td>";
                }
                for (var j = 1; j <= 12; j++) {
                    if (i == cY && j <= cM) {
                        strHTML += "<td style='background-color:red'>" + j + "</td>";
                    } else if (cY > i) {
                        strHTML += "<td style='background-color:red'>" + j + "</td>";
                    }
                    else {
                        strHTML += "<td style='background-color:blue'>" + j + "</td>";
                    }
                }
                strHTML += "</tr>";
            }
            strHTML = "<table border="1" width="100%" ><tr><td>年份</td><td colspan='12'>月份</td></tr>" + strHTML + "</table>";
            document.getElementById("divHTML").innerHTML = strHTML;

            alert('计算完成...');
        }
    </script>

</head>
<body>
    <h1 style="text-align:center" >人生倒计时</h1>
    出生年份：<input id="txtYear" type="number" />

    出生月份：<input id="txtMonth" type="number" />

    <input type="button" onclick="goDead()" value="还能活多久？" />
    <br />
    <br />
    <br />
    <div id="divL"></div>
    <br />
    <br />
    <div id="divHTML" style="">
        <div>
</body>
</html>

查看全文

相关阅读:
点、面状地物对象的时态GIS
关于dijit.form.ComboBox 赋值，更新值
 远程桌面超出最大连接数时强制登录
 SQL和excel数据互导入
 google map api 二三维联动参考
 PowerDesign设置列名与表名的大小写规则
 Nunit在VS2010加载不了程序集的解决办法
 缩写
 Python 自用脚本
 UVM项目随笔

原文地址：https://www.cnblogs.com/vincentvoid/p/5901905.html