手机版

计数器基本方法的JavaScript实现

时间:2021-09-03 来源:互联网 编辑:宝哥软件园 浏览:

这个例子分享了js实现计数器的具体代码,供大家参考。具体内容如下

通过使用JavaScript,代码会在设定的时间间隔后执行,而不是在调用函数后立即执行。称为定时事件。

在JavaScritp中使用定时事件很容易。两个关键方法是:

SetInterval()-在指定的毫秒数内连续执行指定的代码。SetTimeout()-在暂停指定的毫秒数后执行指定的代码

Note: setInterval()和setTimeout()是HTML DOM Window对象的两种方法。这里只介绍setTimeout()方法。

!DOCTYPE html html head meta charset=' UTF-8 '脚本类型='text/javascript' var c=0 var t函数timed count(){ document . getelementbyid(' txt ')。值=c;c=C1;//创建一个定时器,在指定周期内循环执行t=settimeout ('timedcount()',1000);}函数stop count(){//clear timer clear time out(t);}/script/head body表单输入类型=' button '值='开始计时!'Onclick=' timedcount()'输入类型=' text' id=' txt '输入类型=' button '值=' stop timing!'onclick=' stop count()'/form/body/html效果:

单击开始将从0开始计数,停止计时将在那一刻停止,单击开始将继续累积计数.然而,这个程序有一个小错误。当你一直点击开始计时时,计时速度会增加,点击一次停止计时不会停止,但你只能在响应中点击多次后停止计时。

版权声明:计数器基本方法的JavaScript实现是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。