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

浏览数：21 / 时间：2015年06月09日 
<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代表周末

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style com log 使用 src http 问题 it class style com log 使用 src http 问题 it

相关文章

随机文章

您可能还喜欢

您可能还喜欢