[js]秒表

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>个人网站-首页</title>
    </head>

    <body style="background-color: #efeff4">
        <h1>网站更新中<span id="point"></span></h1>
        <p id="time"></p>
        <script>
            var pointbox = document.getElementById('point');
            var timebox = document.getElementById('time');
            var timer1 = setInterval(function() {
                var innerPoints = pointbox.innerHTML.length;
                if (innerPoints <= 5) {
                    pointbox.innerHTML += '.';
                } else {
                    pointbox.innerHTML = '.';
                }
            }, 700);
            var timer2 = setInterval(function() {
                var dater = new Date();
                var year = dater.getFullYear();
                var month = dater.getMonth() + 1;
                var day = dater.getDate();
                var hours = dater.getHours();
                var minutes = dater.getMinutes();
                var seconds = dater.getSeconds();
                hours = checkTime(hours);
                minutes = checkTime(minutes);
                seconds = checkTime(seconds);
                timebox.innerHTML = '今天是' + year + '' + month + '' + day + '' + hours + ': ' + minutes + ': ' + seconds
            }, 500);
            // 两位数字化
            function checkTime(time) {
                if (time < 10) {
                    time = "0" + time;
                }
                return time;
            }
        </script>
    </body>

</html>

posted @ 2016-01-21 17:00  bronana  阅读(123)  评论(0)    收藏  举报