1. 云栖社区>
  2. >
  3. 正文

浅谈jQuery中setInterval()方法_javascript技巧

作者:用户 来源:互联网 时间:2016-07-07 11:45:49

jquerysetinterval

浅谈jQuery中setInterval()方法_javascript技巧 - 摘要: 本文讲的是浅谈jQuery中setInterval()方法_javascript技巧, 定义和用法: setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval()

定义和用法:

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

var time=0;

用法1:

function jump(){
  …………  //函数内容
}
time = setInterval("jump",5000); //每个五秒调用一次函数

当需要暂停的时候

  $("").hover(function(){
    clearInterval(time),function(){
    time = setInterval("jump",5000); 
    }  
  })

用法2:

function autoPlay(){
  time = setInterval(function(){
    …………   //函数内容
  },5000);
}
autoPlay();  //调用函数

当需要暂停时

   $("").hover(function(){
    clearInterval(time),function(){
    autoPlay();
    }  
  })

总结:

第一种用法思路比较清晰,先设置一个函数,在通过setInterval来自行调用,但是将其在别处调用比较困难;

第二种方法看起来比较乱,在setInterval内部写下自行调用的函数,然后在给他套上一个有名函数,然后通过调用有名函数来实行自动,在别处调用比较方便。

以上纯属个人看法,希望大神们多多指点。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery setinterval jquery setinterval、jquery的setinterval、jquery中setinterval、浅谈jquery实现原理、浅谈英语课堂导入技巧,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备