淺談jQuery中setInterval()方法

更新時間：2015年07月07日 11:43:48 投稿：hebedich

這篇文章主要介紹了淺談jQuery中setInterval()方法，十分的簡單實用，有需要的小伙伴可以參考下。

定義和用法：

setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達(dá)式。

setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

var time=0；

用法1：

function jump(){
　　…………　　//函數(shù)內(nèi)容
}
time = setInterval("jump",5000); //每個五秒調(diào)用一次函數(shù)

當(dāng)需要暫停的時候

　　$("").hover(function(){
　　　　clearInterval(time),function(){
　　　　time = setInterval("jump",5000); 
　　　　}　　
　　})

用法2：

function autoPlay(){
　　time = setInterval(function(){
　　　　………… 　　//函數(shù)內(nèi)容
　　},5000);
}
autoPlay();　　//調(diào)用函數(shù)

當(dāng)需要暫停時

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

總結(jié)：

第一種用法思路比較清晰，先設(shè)置一個函數(shù)，在通過setInterval來自行調(diào)用，但是將其在別處調(diào)用比較困難；

第二種方法看起來比較亂，在setInterval內(nèi)部寫下自行調(diào)用的函數(shù)，然后在給他套上一個有名函數(shù)，然后通過調(diào)用有名函數(shù)來實行自動，在別處調(diào)用比較方便。

以上純屬個人看法，希望大神們多多指點(diǎn)。

您可能感興趣的文章:

相關(guān)文章

nestjs實現(xiàn)圖形校驗和單點(diǎn)登錄的示例代碼
本文主要介紹了nestjs實現(xiàn)圖形校驗和單點(diǎn)登錄的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
JS對象轉(zhuǎn)換為Jquery對象示例
JS對象轉(zhuǎn)換為Jquery對象的方便在于可以使用jquery的一些方法，下面有個示例，大家可以參考下
2014-01-01
實現(xiàn)無刷新聯(lián)動例子匯總
最近在用asp.net做項目的時候，遇到需要實現(xiàn)無刷新聯(lián)動的需求，度娘了一下，這里匯總一下幾個比較實用的例子，有需要的小伙伴可以參考下。
2015-05-05
TypeScript入門-接口
在TypeScript里，接口的作用就是為這些類型命名和為你的代碼或第三方代碼定義契約。本文將詳細(xì)介紹TypeScript接口的相關(guān)知識。
2017-03-03
微信小程序中的video視頻實現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案
這篇文章主要介紹了微信小程序中的video視頻實現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2020-01-01
JavaScript實現(xiàn)可拖拽的拖動層Div實例
這篇文章主要介紹了JavaScript實現(xiàn)可拖拽的拖動層Div的方法,拖拽頁面中的div塊可實現(xiàn)div塊按照拖動軌跡移動的效果,涉及javascript鼠標(biāo)事件、頁面元素樣式結(jié)合事件函數(shù)動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
2015-08-08
Asp.Net alert彈出提示信息的幾種方法總結(jié)
本篇文章主要是對Asp.Net alert彈出提示信息的幾種方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
JS中setTimeout()的用法詳解
setTimeout( ) 是屬于 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設(shè)定一個時間, 時間到了, 就會執(zhí)行一個指定的 method
2013-04-04
javascript iframe中打開文件,并檢測iframe存在否
從iframe中打開文件,并檢測iframe存在否如果說只是檢測頁面存在否,直接設(shè)置target用偽協(xié)議就可以解決了...
2008-12-12
JS基于Mootools實現(xiàn)的個性菜單效果代碼
這篇文章主要介紹了JS基于Mootools實現(xiàn)的個性菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10