<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span{
display:inline-block;
width: 25px;
height: 220px;
font-size: 120px;
line-height: 220px;
}
</style>
</head>
<body>
<img src="img/1.png" alt="">
<img src="img/2.png" alt=""><span>:</span>
<img src="img/3.png" alt="">
<img src="img/4.png" alt=""><span>:</span>
<img src="img/5.png" alt="">
<img src="img/6.png" alt="">
<script>
myfunction();
function myfunction() {
var str = getdate();
var list = document.getElementsByTagName("img");
for (var i=0;i<list.length;i++){
list[i].src="img/"+str[i]+".png";
}
function getdate() {
var time=new Date();
return tudou(time.getHours())+tudou(time.getMinutes())+tudou(time.getSeconds());
}
function tudou(num) {
return num>9?""+num:"0"+num;
}
}
setInterval(myfunction,1000)/*定时器会重复执行*/
</script>
</body>
</html>
005电子时钟
最新推荐文章于 2022-05-27 19:46:27 发布