js实现一个简单的时钟表 

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时钟</title>
    <script>
        function toDou(n) { //当时钟个位时前面加0
            if (n < 10) {
                return '0' + n;
            } else {
                return '' + n;
            }
        }
        window.onload = function() {
            var oImg = document.getElementsByTagName('span'); //
            function time() {
                var oDate = new Date(); //获取当前的时间
                var str = toDou(oDate.getHours()) + toDou(oDate.getMinutes()) + toDou(oDate.getSeconds()); //把当前的时分秒转为数字
                for (var i = 0; i < oImg.length; i++) {
                    oImg[i].innerHTML = str.charAt(i);
                }
            }
            setInterval(time, 1000);
            time();
        }
    </script>
</head>

<body style="background: black; color: #ffffff; font-size: 50px;">
    <span>0</span>
    <span>0</span> :
    <span>0</span>
    <span>0</span> :
    <span>0</span>
    <span>0</span>
</body>

</html>

　　

 

posted @ 2020-10-10 10:14  YH丶浩  阅读(194)  评论(0)  编辑  收藏  举报