数码时钟

最新推荐文章于 2022-10-24 00:00:00 发布

xiqim

最新推荐文章于 2022-10-24 00:00:00 发布

阅读量399

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数码时钟</title>

<script>

function toDou(n){
if(n<10){
return '0'+n;//空位补0
}
else{
return ''+n;
}
}

window.οnlοad=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='img/'+str[i]+'.png';
aImg[i].src='img/'+str.charAt(i)+'.png';
};

};
setInterval(tick,1000);
tick();

};

</script>

</head>

<body id="body_sm">
<img src="img/0.png" />
<img src="img/0.png" />
:
<img src="img/0.png" />
<img src="img/0.png" />
:
<img src="img/0.png" />
<img src="img/0.png" />
</body>
</html>