数字钟的制作

1.用Date来创建一个对象的时候得到的有0123456....这些在显示的时候是不符合规范的,所以想到用''+..使其变成字符串,然后用加号将那些字符串进行连接起来。

2.在获取字符串每个数字的时候可以直接用dateString[i]来遍历。

3.aImg[i].src = 'images/'+dateString[i]+'.png'; 在js中写这句话的时候src并不需要用""引起来。

4.使用不带圆括号的函数名是访问函数指针,而非调用函数。在开定时器的时候就是传入的函数指针。或者直接把函数写在里面,setInterval(function(){},1000);

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            background-image: url(images/bg.png);
            color: white;
        }

    </style>
</head>
<body>
<div id="div1">
    <img src="images/0.png"/>
    <img src="images/0.png"/>
    :
    <img src="images/0.png"/>
    <img src="images/0.png"/>
    :
    <img src="images/0.png"/>
    <img src="images/0.png"/>
</div>
<script type="text/javascript">
    function toString (n)
    {
        if (n<10)
        {
            return('0'+n);
        }
        else
        {
            return(''+n);
        }

    }
    function tick () {
        var date = new Date();
        var dateString = toString(date.getHours())+toString(date.getMinutes())+toString(date.getSeconds());
        var aImg = document.getElementsByTagName('img');
        for(var i=0;i<aImg.length;i++)
        {
            aImg[i].src = 'images/'+dateString[i]+'.png';
        }

    }
    setInterval(tick,0);


</script>

</body>
</html>
原文地址:https://www.cnblogs.com/zhuni/p/4705564.html