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正确的使用方法
  • 如何设置Element的Message自动关闭时间
  • jquery如何往span标签内添加标签
  • 如何解决WAS Liberty Profile启动或停止乱码
  • Navicat Premium中如何创建视图组
  • jquery怎么让append添加的内容放在最前面
  • 热门搜索
    礼仪手抄报图片 学科学爱科学手抄报 环保的手抄报图片 感恩主题手抄报 禁燃烟花爆竹手抄报 简单英语手抄报图片 历史手抄报图片大全 初中手抄报版面设计 食品药品安全手抄报 反映寒假生活的手抄报