您的位置：首页 > 其它

005电子时钟

2018-04-03 13:07 218 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航