js秒表计时器

最新推荐文章于 2023-11-01 13:47:56 发布

luckninjya

最新推荐文章于 2023-11-01 13:47:56 发布

阅读量4.4k

点赞数

分类专栏： javaScript

javaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<a target=_blank href="http://tlk20071.iteye.com/blog/1464263">原文地址</a>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0
var t
function timedCount()
{
   var temptextmin=document.getElementById('txt');
	hour = parseInt(c / 3600);// 小时数
	min = parseInt(c / 60);// 分钟数
	if(min>=60){
	    min=min%60
	}
	lastsecs = c % 60;


temptextmin.value = hour + "时" + min + "分" + lastsecs + "秒"

c=c+1
t=setTimeout("timedCount()",1000)
document.getElementById('start').style.display = "none";   
document.getElementById('end').style.display = ""; 


}

function stopCount()
{
clearTimeout(t)
document.getElementById('start').style.display = "";   
document.getElementById('end').style.display = "none"; 
}
function clearAll(){
 c=0
 document.getElementById('txt').value=  "0时" +  "0分" + "0秒"
 clearTimeout(t)
 document.getElementById('start').style.display ="";   
 document.getElementById('end').style.display = "none"; 
}
</script>
</head>

<body>

<form>
<input type="text" id="txt" value="0时0分0秒">
<input type="button" value="开始计时！" id="start" onClick="timedCount()">
<input type="button" value="停止计时！" style="display: none" id="end" onClick="stopCount()">
<input type="button" value="清除" onClick="clearAll()">
</form>

<p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时，从 0 开始。点击“停止计时”按钮可以终止计时。</p>

</body>

</html>

luckninjya

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js秒表计时器

var c=0var tfunction timedCount(){ var temptextmin=document.getElementById('txt'); hour = parseInt(c / 3600);// 小时数 min = parseInt(c / 60);// 分钟数 if(min>=60){ min=min%60 } la
复制链接

扫一扫