原生JavaScript实现网页计时器

计时器的功能就是以秒为单位分别累加计时。其中提供了三个功能。计时：时间归零并开始计时；暂停：暂停当前计时器；继续：对暂停的计时器在当前时间上继续计时。时间格式是X时X分X秒。

这次先提供预览图，然后讲解思路，代码放在后面。换换之前的步骤看看哪种效果好一点。下面提供效果图，逻辑思路以及代码。

预览图：

逻辑思路：

对页面进行布局就不讲了。直接讲逻辑。

1、首先定义了变量usedtime用来存储计时器总共计时的时间，变量t用来接收计时函数返回的计时器。

2、然后定义了继续方法proceed()对usedtime进行累加，其中用到了setTimeout(“fun",time)这个函数，该函数将会在time毫秒之后执行函数fun。其中clearTimeout(t)表示暂停计时器t。暂停方法stop()直接调用clearTimeout(t)即可。重新计时方法begin()将usedtime赋值为初始值，然后调用了继续方法proceed()。

3、最后在三个按钮上面的onclick事件上面分别调用这三个方法即可。

其中有个需要注意的地方。大家应该发现了&