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

 时间:2026-02-14 01:55:26

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正确的使用方法

  • 如何设置Element的Message自动关闭时间
  • jquery如何往span标签内添加标签
  • 如何解决WAS Liberty Profile启动或停止乱码
  • Navicat Premium中如何创建视图组
  • jquery怎么让append添加的内容放在最前面
  • 热门搜索
    庹怎么读 红烧鱼的家常做法视频 趸怎么读 水煮牛肉的家常做法 再见用英语怎么说 邳怎么读 胃胀怎么办 弼怎么读 提肛运动怎么做才正确 邺怎么读