###用js中的间歇调用来做一个钟表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>时钟</title>
</head>
<script>
window.onload =function(){
var btns = document.getElementsByTagName('button')
var imgs = document.images
btns[0].onclick = function(){
var id = setInterval(function(){
var toDay = new Date()
var hour = change(toDay.getHours())
var minute = change(toDay.getMinutes())
var sec = change(toDay.getSeconds())
// console.log(change(hour),change(minute),change(sec))
var str = hour + minute + sec
// console.log(str)
for(var i =0;i<imgs.length;i++){
imgs[i].src = 'images/' + str.charAt(i) +'.png'
}
},1000)
btns[1].onclick = function(){
clearInterval(id)
for(var i =0;i<imgs.length;i++){
imgs[i].src = 'images/0.png'
}
}
}
function change(num){
if(num<10){
return '0'+num
}else{
return ''+num
}
}
}
</script>
<body>
<button>跟进时间</button>
<button>结束跟进</button>
<div>
<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="">秒
</div>
</body>
</html>
获取图片的地址
http://47.95.251.111/js-demo/%e6%97%b6%e9%92%9f/images/