<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Clock</title>
<script>
function toDouble(s) { //将个位的数字转换成带0的字符串
if (s < 10) {
return '0'+s;
} else {
return ''+s;
}
}
window.οnlοad=function() {
var oImg = document.getElementsByTagName('img');
function tick() {
var oDate = new Date(); //获取当前的时间,所以一定要放在函数内
var str;
str = toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
for (var i = 0; i < oImg.length; i++) {
oImg[i].src = str[i] + '.jpg';
}
}
setInterval(tick, 1000); //每一千毫秒执行一次tick函数
tick(); //这是第一次执行tick函数
}
</script>
</head>
<body>
<img src="" alt="">
<img src="" alt="">
<span>:</span>
<img src="" alt="">
<img src="" alt="">
<span>:</span>
<img src="" alt="">
<img src="" alt="">
</body>
</html>
JS数字时钟
最新推荐文章于 2020-07-14 14:12:07 发布