设置定时器

在我们编写代码的过程中,定时器是我们经常需要用到的工具。那么我们如何利用代码来编写一个定时器呢?

其实很简单,在我们的JavaScript中,window对象方法里面有一个方法就能帮助我们解决定时器这个问题。

在这里插入图片描述

setTimeout()方法其实也是可以制作定时器的,不过个人建议使用setInterval()方法,因为没有setTimeout()方法复杂。而且setTimeout()方法只能调用一次,想要调用多次还必须再写一个方法。但setInterval()方法就不一样了。它直接按照周期调用多次,这不明摆的一个定时器吗。

setInterval()方法的解释是按照指定的周期(以毫秒计)来调用函数或计算表达式。顾名思义,

其实就是一个循环体嘛。按照周期不停的循环执行,这就能达成定时器的效果。

在这里插入图片描述

这就是代码图了。

我们再来看下效果

在这里插入图片描述

因为我设置的是1000毫秒,所以周期就是一秒,后台打印的代码也就是一秒执行一次,不点关闭,它是不会停下来的。

因此我们还有一个方法,是用来关闭它的。

在这里插入图片描述

传入启动定时器接受的变量,然后便可清除定时器的效果。也就是关闭定时器。点击关闭定时器。后台将不再打印。

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值