1、为了方便操作页面dom元素,我们先引入jquery脚本文件。
2、在html里我们只是使用一个div,里面有一个id为timer的label,要实现定时器,我们写一个简单的停留时间的功能。
3、js的定时器,直接使用衡痕贤伎setInterval方法就行了,方法的第一参数,就是定时器要调用的函数,第二个参数是定时器的间隔时间,比如这里的1000,就是间隔一秒调用一下函数。
4、最后,我们写一下定时器调用函数的代码,主要是先获取到label当前的数字,然后把这个数字加一,再写回到label里就行了。
5、运行页面,一开始,我们是停留了0秒种的,就是初始的数字。
6、虽然时间的过去,页面会每隔一秒,就会做加一操作,这样就使用了定时器实现了一个以前常用的网站功能了。(要转化成多少小时,多少分钟的,需要把秒数做一下转换就行了)
7、js定时器,还有另外一稍僚敉视个方法,就是setTimeout,这个方法的使用和setInterval是完全一样的,区别上就是setTimeout只会调用一次函数,即到了间隔时间后,调用一次挣窝酵聒函数,就不再调用了。而setInterval是不停的调用的,除非手动清除了这个定时器。根据不同的需求,可以使用这二种定时器。