定義和用法:
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內部寫下自行調用的函數,然后在給他套上一個有名函數,然后通過調用有名函數來實行自動,在別處調用比較方便。
以上純屬個人看法,希望大神們多多指點。