一个计时器的代码

最新推荐文章于 2024-07-14 17:03:07 发布

andeyeluguo

最新推荐文章于 2024-07-14 17:03:07 发布

阅读量5.7k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/andeyeluguo/article/details/78061820

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

其实也可以通过jquery的$("#inname")获取组件

<html> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<head> 
<script type="text/javascript"> 
var c=0 
var t 
function timedCount() 
{ 
document.getElementById('txt').value=c 
c=c+1 
t=setTimeout("timedCount()",1000) 
} 
function stopCount() 
{ 
clearTimeout(t) 
} 
</script> 
</head> 
<body> 
<form> 
<input type="button" value="开始计时！" onClick="timedCount()"> 
<input type="text" id="txt"> 
<input type="button" value="停止计时！" onClick="stopCount()"> 
</form> 
<p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时，从 0 开始。点击“停止计时”按钮可以终止计时。</p> 
<p>timedCount(),1000ms自己调自己。</p> 
</body> 
</html>

当然用js和cs3也可以实现更好的计时器

参考【1】

[1] js css3圆形的时分秒计时器动画特效