关于人生倒计时的一个小玩意，纯属业余-优快云博客

本文介绍了一个简单的人生日历应用，该应用通过用户输入的出生年月计算并展示已度过的人生比例及具体年月的视觉化表现。此计算器将人生预期设定为70年，并以红色和蓝色区分过去和未来的年月。

人生倒计时

出生年份：出生月份：

<!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>