JavaScript实现计时器

             第一次写文章，很多不足地方还请多多海涵。下面将带领大家实现一个JS计时器，首先看下效果图

            首先添加了一个<span/>用于显示时间，两个<input>为一个"开始计时","停止计时"按钮。绑定了两个点击事件，具体函数下面一一实现。代码如下图

         接下来就是实现计时功能的逻辑代码，首先定义了一个名为getTime()的函数,该函数通过JS自带Date()函数用于获取当前的小时，分钟，秒的时间。为了符合实际情况，对当前获取到的时间，进行计算，如果时间小于10，则拼接成10位字符串。代码如下：

          OK，上面时间已经获取到，接下来我们准备为计时器复制，并且开始自动计时功能。setTimer()是赋值。startTimer()通过setInterval(func,time)表示 每隔一秒调用一次setTimer()函数，以此实现计时器的刷新

           接下来，需要我们停止计时通过调用clearInterval()函数，停止计时器。

               最后在附上div的css样式