在我们编写代码的过程中,定时器是我们经常需要用到的工具。那么我们如何利用代码来编写一个定时器呢?
其实很简单,在我们的JavaScript中,window对象方法里面有一个方法就能帮助我们解决定时器这个问题。
setTimeout()方法其实也是可以制作定时器的,不过个人建议使用setInterval()方法,因为没有setTimeout()方法复杂。而且setTimeout()方法只能调用一次,想要调用多次还必须再写一个方法。但setInterval()方法就不一样了。它直接按照周期调用多次,这不明摆的一个定时器吗。
setInterval()方法的解释是按照指定的周期(以毫秒计)来调用函数或计算表达式。顾名思义,
其实就是一个循环体嘛。按照周期不停的循环执行,这就能达成定时器的效果。
这就是代码图了。
我们再来看下效果
因为我设置的是1000毫秒,所以周期就是一秒,后台打印的代码也就是一秒执行一次,不点关闭,它是不会停下来的。
因此我们还有一个方法,是用来关闭它的。
传入启动定时器接受的变量,然后便可清除定时器的效果。也就是关闭定时器。点击关闭定时器。后台将不再打印。