<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>秒钟计时器</title>
<script>
function setnumber(n){
if(n<10)
return '0'+'0'+n;
else if(n>=10&&n<=99)
return '0'+n;
else
return ''+n;
}
window.onload=function(){
var d=document.getElementsByTagName('img');
var time=0,time1;
function clik(){
time=setnumber(time);
for(var i=0;i<d.length;i++){
d[i].src='img/'+time.charAt(i)+'.png';
}
/*if(time==0){
time=60;
}*/
time++;
}
time1=setInterval(clik,1000);
//clik();
};
</script>
</head>
<body style="background: black;color: white;font-size: 50px;">
<img src="img/0.png">
<img src="img/0.png">
<img src="img/0.png">
</body>
</html>
运行截图
用到的图片如下可复制
