在js中有一种函数叫做定时器，这个函数可以让浏览器每隔一段时间去执行特定的任务，基于这个函数的特性，我们来制作一个浏览器版本的秒表。date我们用input框来显示时间，用button标签停止计时，在script标签中写逻辑代码，想要实现一个秒表，首先需要获取当地的时间，这里我们js内置的date对象，date对象内置了一个toLocaleTimeString的方法，可以获得当地的时间，有了这个当地的时间之后，我们就可以把它显示到浏览器上了。我们现在console上调试一下。然后用js定位input框，将时间字符串设为输入框的值，但是如果这样操作的话，输入框的值无法刷新，想要实现钟表的效果，必须每秒刷新一次，于是就用到了我们的计时器函数setInterval函数，setInterval函数有两个参数，第一个参数是需要定期执行的函数，第二个参数是间隔的时间，单位是毫秒。下面将一下如何获取元素，获取元素一般可以用id选择器，设置属性用value，代码如下：效果图为：如果我们想让时间停止更新就需要用到另外一个函数clearInterval，然后还需要把这个函数绑定到button按钮上，clearInterval的参数为setInterval的返回值ID。最终的效果就是这样的，当点击停止后，时间停止更新。这这里补充一个知识点，js一共分为三部分，es语法，浏览器对象，DOM对象，这个例子用到了很多的DOM对象的知识，其中就有dom元素的定位，除了ID定位还有很多种定位方式，比如classname和tagname，在JQuery定位方式更多，这些根据实际需要查手册就行。
转载请注明：http://www.aierlanlan.com/rzgz/9083.html
