具体内容如下:
通过使用 JavaScript,设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 暂停指定的毫秒数后执行指定的代码
Note: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。在这里只介绍了setTimeout()方法;
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
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
>
</
body
>
</
html
>
效果:
点击开始则会从0开始计数,停止计时则会暂停在那个时刻,再点击开始则会继续累加计数...但是这个程序有一个小bug,当不停的点击开始计时,计时的速度会增加,而且点击一次停止计时不会停止,要响应的点击很多次才可以停止.....
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理