数码时钟

来源：互联网发布：倩女幽魂手游开挂软件编辑：程序博客网时间：2024/04/29 15:27

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
function toDouble(n) {//把时间里的一位数变成两位数
if(n<10) {
return "0"+n;//一位数的前面加0并且拼接字符串避免数字做加法运算
}else {
return ""+n;//拼接字符串避免数字做加法运算
}
};
function clock() {
var aImg = document.getElementsByTagName("img");
var oDate = new Date();
var str = toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
//alert(str);
for(var i=0; i<aImg.length; i++) {
aImg[i].src="img/num/"+str.charAt(i)+".jpg"; //charAt方法为了解决兼容性问题
}
};
window.onload = function () {
//var str = "152036";
clock();//为了解决刷新时,刚开始时, 出现全部为0的情况因为定时器需要1秒后才执行.
setInterval(clock, 1000);
};
</script>
</head>
<body style="color:black; font-size:50px;">
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
:
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
:
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
</body>
</html>

0 0