javascript clock_js的clock();-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_47460937/article/details/108454401

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