本文主要详细介绍用JavaScript实现计数器的基本方法。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

本文分享js计数器的具体代码，供大家参考。具体如下。

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

在JavaScritp中使用定时事件很容易。两种主要方法是：

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

SetTimeout()-暂停指定的毫秒数并执行指定的代码。

注意：setInterval()和setTimeout()是HTML DOM Window对象的两种方法。这里只介绍setTimeout()方法；

！文档类型html

超文本标记语言

头

meta charset='UTF-8 '

脚本类型='文本/javascript '

var c=0

var t

函数timedCount() {

document.getElementById('txt ')。值=c；

c=C1；

//创建一个定时器，在指定的周期内执行。

t=setTimeout('timedCount()'，1000)；

}

函数stopCount() {

//清除计时器

clear time out(t)；

}

/脚本

/头

身体

形式

Input=' button' value='开始计时！'onClick='timedCount()'

输入类型='text' id='txt '

Input=' button' value='停止计时！'onClick='stopCount()'

/表单

/body

/html

效果：

点击从0开始计数，停止计数会在那一刻暂停，然后点击开始计数会继续累加.但是这个程序有一个小bug。当你点击开始计数时，计时速度会加快，点击一次停止计数不会停止，点击多次作为响应会停止。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。