手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JS原生计时器setInterval正确的使用方法

时间:2024-10-12 08:08:21

1、setInterval的第一个参数是一个脑栲葱蛸函数,这里很多时候为了简便会直接放一个匿名函数(匿名函数没有函数名),图中代码外部的挣窝酵聒函数,和setInterval中的函数都是匿名函数,这里不做匿名函数的详细说明了,有兴趣的可以去看一下匿名函数的介绍。示例中的代码是每1000毫秒(每秒)在控制台输出i+1.

JS原生计时器setInterval正确的使用方法
JS原生计时器setInterval正确的使用方法

2、除了使用匿名函数很多情况下我们可能需要执行一些有函数名的函数,这种情况setInterval第一个参数直接使用函数名就可以了。

JS原生计时器setInterval正确的使用方法

3、上步使用的函数没有参数,那么如有带有参数的函数参数如何传递呢?它需要放到setInterval的第三个参数上。如下面的代码和输出(每秒输出传入的参数str加上i自加以后的值)

JS原生计时器setInterval正确的使用方法
JS原生计时器setInterval正确的使用方法

4、最后我们结合jquery来更改一下页面容器的显示和隐藏效果。通过访问图中代码页面可以看到页面中的myContent容器每隔一秒钟就会交替显示/隐藏。

JS原生计时器setInterval正确的使用方法
JS原生计时器setInterval正确的使用方法
JS原生计时器setInterval正确的使用方法
© 手抄报圈