<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.οnlοad=function(){
var btns=document.getElementsByTagName('button');
btns[0].οnclick=function(){
id=setInterval(clock,1000);
}
btns[1].οnclick=function(){
clearInterval(id);
}
var imgs=document.images;
function clock(){
//1.获取当前时间
var today=new Date();
var hour=handler(today.getHours());
var min=handler(today.getMinutes());
var sec=handler(today.getSeconds());
var str=hour+min+sec;
for(var i=0;i<imgs.length;i++){
imgs[i].src="./images/"+str.charAt(i)+".png";
}
//2.对应图片
}
//clock();
function handler(num){
if(num>=10){
return num+""
}else{
return "0"+num
}
}
}
</script>
</head>
<body>
<button>跟进时间</button>
<button>停止跟进</button>
<br>
<img src="./images/0.png" alt="">
<img src="./images/0.png" alt="">时
<img src="./images/0.png" alt="">
<img src="./images/0.png" alt="">分
<img src="./images/0.png" alt="">
<img src="./images/0.png" alt="">秒
</body>
</html>
07-13