首頁 > web前端 > js教程 > 淺談jQuery中setInterval()方法_javascript技巧

淺談jQuery中setInterval()方法_javascript技巧

WBOY
發布: 2016-05-16 15:51:00
原創
1270 人瀏覽過

定義與用法:

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內部寫下自行呼叫的函數,然後在給他套上一個有名函數,然後透過呼叫有名函數來實行自動,在別處呼叫比較方便。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板