JS 页面计时器示例代码

ttx9n · 发表于 2013-10-28 18:10:15

计时器效果想必大家都见到过吧，其实使用js可以很轻松的实现，下面有个不错的示例，感兴趣的朋友可以参考下复制代码代码如下:
<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>

thywok · 发表于 2022-8-10 18:56:08

飞飞飞飞飞飞飞飞飞飞飞飞飞

thywok · 发表于 2022-10-29 21:41:40

谢谢小Y分享

do827261756 · 发表于 2022-11-1 15:02:02

这个源码不错啊

idy6_yus · 发表于 2023-2-27 11:17:22

我找了挺久终于找到了

.l4 · 发表于 2023-3-30 16:33:27

感谢楼主分享

q42obh · 发表于 2023-8-30 12:27:39

挺不错的东西

j__j33p · 发表于 2023-11-14 13:19:23

好人好人好人好人

xf9hlg1 · 发表于 2024-3-2 10:08:07

不错的源码论坛

7jbiiz · 发表于 2024-4-3 01:07:15

感谢楼主分享

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JS 页面计时器示例代码

相关帖子