码迷,mamicode.com
首页 > Web开发 > 详细

JS定时器的使用--数码时钟

时间:2015-03-04 20:50:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

<title>无标题文档</title>
<script>
function toDou(n){
    if(n<10){
        return 0+n;
        }else{
            return ‘‘+n;  //保证返回的都是字符串,避免放在一起成了相加
            }
    }
window.onload=function (){
    var aImg=document.getElementsByTagName(img);
    function tick(){
         var oDate=new Date();
    var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
    for(var i=0;i<aImg.length;i++){
        aImg[i].src=images/+str.charAt(i)+.gif;
        }
        }
    setInterval(tick,1000);
    tick();
    };
</script>
</head>

<body style="background:#999; color:white;">
<img src="images/0.gif">
<img src="images/0.gif">
:
<img src="images/0.gif">
<img src="images/0.gif">
:
<img src="images/0.gif">
<img src="images/0.gif">
</body>

技术分享

 

小问题:
var str=‘abcdef‘;
alert(str[0]); 在IE7下显示undefined
用str.charAt(0)可以解决这个兼容性问题

数码时钟
获取系统时间
Date对象
getHours、getMinutes、getSeconds
Date对象其他方法
年 getFullYear()
月 getMonth() 从0开始
日 getDate()
星期 getDay() 0,1,2,3,4,5,6 0代表周末

JS定时器的使用--数码时钟

标签:

原文地址:http://www.cnblogs.com/919czzl/p/4314074.html

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