jQuery：浅谈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); 
	　　　　}　　
	　　})

文字闪烁变色例子：

<div class="xianmubentu">
  <a href="javascript:void(0)">
    限时<b id="freee" class="redcolor">免费b>加入本土人<span id="injoin" class="bluebg">点此加入span>脉圈
  a>
div>

<script>
  function freecolor() {
    if($('#freee').hasClass('redcolor')) {
      $('#freee').removeClass('redcolor');
    } else {
      $('#freee').addClass('redcolor');
    }
  }
  time = setInterval("freecolor()",1000);
  function bluecolor(){
    if($('#injoin').hasClass('bluebg')){
      $('#injoin').removeClass('bluebg');
    } else {
      $('#injoin').addClass('bluebg');
    }
  }
  time = setInterval("bluecolor()",1000);
</script>

用法2：

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

当需要暂停时

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

总结：

• 第一种用法思路比较清晰，先设置一个函数，在通过setInterval来自行调用，但是将其在别处调用比较困难；
• 第二种方法看起来比较乱，在setInterval内部写下自行调用的函数，然后在给他套上一个有名函数，然后通过调用有名函数来实行自动，在别处调用比较方便。