淺談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內部寫下自行調用的函數,然后在給他套上一個有名函數,然后通過調用有名函數來實行自動,在別處調用比較方便。

以上純屬個人看法,希望大神們多多指點。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM