首页 > 代码库 > 数码时钟
数码时钟
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定时器</title>
<style>
img{float: left;}
</style>
<script>
window.onload=function () {
var img=document.getElementsByTagName(‘img‘);
var but1=document.getElementById(‘but1‘);
var but2=document.getElementById(‘but2‘);
var tem=null;
but1.onclick=function () {
function mate() {
var oDate=new Date();
var str=doDou(oDate.getHours())+doDou(oDate.getMinutes())+doDou(oDate.getSeconds());
for(var i=0;i<img.length;i++){
img[i].src=http://www.mamicode.com/‘img/‘+str[i]+‘.jpg‘;
}
}
tem=setInterval(mate,1000);
mate();
}
but2.onclick=function () {
clearInterval(tem);
}
function doDou(n) {
if(n<10){
return ‘0‘+n;
}else{
return ‘‘+n;
}
}
}
</script>
</head>
<body style="font-size: 80px;">
<div style="width: 500px;height: 500px;margin: auto;">
<div style="height: 150px;">
<img src="http://www.mamicode.com/img/0.jpg">
<img src="http://www.mamicode.com/img/0.jpg">
<div style="margin: auto; float: left;">
:
</div>
<img src="http://www.mamicode.com/img/0.jpg">
<img src="http://www.mamicode.com/img/0.jpg">
<div style="margin: auto; float: left;">
:
</div>
<img src="http://www.mamicode.com/img/0.jpg">
<img src="http://www.mamicode.com/img/0.jpg">
</div>
<div>
<input id="but1" type="button" value="http://www.mamicode.com/开始"/>
<input id="but2" type="button" value="http://www.mamicode.com/停止"/>
</div>
</div>
</body>
</html>
数码时钟
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。