码迷,mamicode.com
首页 > 其他好文 > 详细

数字钟的制作

时间:2015-08-05 20:10:33      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

数字钟的制作

标签:

原文地址:http://www.cnblogs.com/zhuni/p/4705564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!