首页 > 语言 > JavaScript > 正文

浅谈jQuery中setInterval()方法

2024-05-06 16:22:49
字体:
来源:转载
供稿:网友

这篇文章主要介绍了浅谈jQuery中setInterval()方法,十分的简单实用,有需要的小伙伴可以参考下。

定义和用法:

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

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

var time=0;

用法1:

 

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

当需要暂停的时候

 

 
  1. $("").hover(function(){ 
  2.   clearInterval(time),function(){ 
  3.   time = setInterval("jump",5000);  
  4.   }   
  5. }) 

用法2:

 

 
  1. function autoPlay(){ 
  2.   time = setInterval(function(){ 
  3.     …………   //函数内容 
  4.   },5000); 
  5. autoPlay();  //调用函数 

当需要暂停时

 

 
  1. $("").hover(function(){ 
  2.   clearInterval(time),function(){ 
  3.   autoPlay(); 
  4.   }   
  5. }) 

总结:

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

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选