setInterval与clearInterval用法

定义和用法:

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内部写下自行调用的函数,然后在给他套上一个有名函数,然后通过调用有名函数来实行自动,在别处调用比较方便。

 

摘自http://www.jb51.net/article/69060.htm

原文地址:https://www.cnblogs.com/bonly-ge/p/6803651.html