js做秒表

最新推荐文章于 2023-02-07 14:50:49 发布

会飞得猪

最新推荐文章于 2023-02-07 14:50:49 发布

阅读量640

点赞数

CC 4.0 BY-SA版权

文章标签： js 秒表

本文链接：https://blog.youkuaiyun.com/wuwenjie_1997/article/details/89312150

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>定时器</title>
</head>
<body>
	<input type="text" id="hours" value="00"/>
	<input type="text"  id="mins" value="00" />
	<input type="text"  id="seconds" value="00" />
	<input type="button"  id="begin_" value="开始"  "begin()"/>
	<input type="button"  id="pause_" value="暂停"  "pause()"/>
	<input type="button"  id="reset_" value="重置"  "replacement()"/>
</body>
</html>
<script type="text/javascript">
	var hours = 0;
 	var mins= 0;
 	var seconds = 0;
 	var timing;
 	
 function  begin(){
 	    timing = setInterval(function(){
 	    	seconds++;
 	    	//秒钟到60往上进一
 	   		if(seconds==60){
 	   			mins++;
 	   			seconds=0;
 	   			
 	   			//分钟到60进一
 	   			if(mins==60){
 	   				hours++;
 	   				mins=0;
 	   			}
 	   		}

// 输出
document.getElementById(“hours”).value=hours<10?“0”+hours:hours;
document.getElementById(“mins”).value=mins<10?“0”+mins:mins;
document.getElementById(“seconds”).value=seconds<10?“0”+seconds:seconds;
},100);

 }
 
 //暂停
 function pause(){
 	clearTimeout(timing);
 }
 
 //重置
 function replacement(){
 	//全部重置为零
 	clearTimeout(timing);
 	var hours = 0;
 	var mins= 0;
 	var seconds = 0;
 	
 	
 	
 	//重置后输出全为0
 	document.getElementById("hours").value = hours<10?"0"+hours:hours;
 	document.getElementById("mins").value = mins<10?"0"+mins:mins;
	document.getElementById("seconds").value = seconds<10?"0"+seconds:seconds;
 
 }