淺談jQuery中setInterval()方法

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

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

定義和用法：

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

setInterval() 方法會(huì)不停地調(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); //每個(gè)五秒調(diào)用一次函數(shù)

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

　　$("").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)需要暫停時(shí)

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

總結(jié)：

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

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

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

您可能感興趣的文章:

相關(guān)文章

JS?中的類Public,Private?和?Protected詳解
這篇文章主要介紹了JS中的類Public,Private和Protected詳解，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-08-08
微信小程序自定義輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義輪播圖，swiper dots默認(rèn)樣式修改，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
js實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
利用js實(shí)現(xiàn)選項(xiàng)卡的特別效果的實(shí)例
利用js實(shí)現(xiàn)選項(xiàng)卡的特別效果的實(shí)例，需要的朋友可以參考一下
2013-03-03
js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法
這篇文章主要介紹了js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法,可實(shí)現(xiàn)根據(jù)文本框內(nèi)容動(dòng)態(tài)改變寬度的功能,涉及javascript動(dòng)態(tài)操作頁(yè)面元素屬性的技巧,需要的朋友可以參考下
2015-08-08
完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖（下篇）
這篇文章主要介紹了完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖的具體代碼，基于完美運(yùn)動(dòng)框架move2.js實(shí)現(xiàn)的焦點(diǎn)錄播圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
js trim函數(shù) 去空格函數(shù)與正則集錦
在javascript中處理文本框輸入值的時(shí)候，經(jīng)常要用到"去掉前后空白"的功能。用過jQuery的朋友都知道，jQuery提供了一個(gè)trim()這樣的功能函數(shù)，可以很輕松幫我們實(shí)現(xiàn)這樣的效果。
2009-11-11
javascript定義函數(shù)的方法
javscript中定義和聲明函數(shù)有三種方式：正常方法構(gòu)造函數(shù) 函數(shù)直接量。
2010-12-12
詳解javascript的變量與標(biāo)識(shí)符
這篇文章主要為大家介紹了javascript的變量與標(biāo)識(shí)符，感興趣的小伙伴們可以參考一下
2016-01-01
JS幾個(gè)常用的函數(shù)和對(duì)象定義與用法示例
這篇文章主要介紹了JS幾個(gè)常用的函數(shù)和對(duì)象定義與用法,涉及JavaScript日期時(shí)間、數(shù)值計(jì)算及變量判斷等相關(guān)操作技巧,需要的朋友可以參考下
2020-01-01