多语言展示
当前在线:1730今日阅读:99今日分享:20

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

setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下:setInterval(function,interval[,arg1,arg2,......argn])下面我们来写一个setInterval的最简单用法
工具/原料
1

jquery.min.js

2

任意前端编辑器

3

chrome浏览器开发者工具

方法/步骤
2

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

3

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

4

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

推荐信息