javascript中setInterval的用法

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

這篇文章主要介紹了javascript中setInterval的用法的相關(guān)資料,需要的朋友可以參考下

javascript中的setInterval的函數(shù)主要是在制作動(dòng)畫或其他間隔性渲染（操作）效果時(shí)，對操作方法按照一定時(shí)間間隔進(jìn)行調(diào)用的函數(shù)。

setInterval的表達(dá)式格式主要有：

setInterval(fnname,time,par1,par2,........parn);

setInterval(obj,fnname,time,par1,par2,......parn);

第一種是最常見的表達(dá)語法，其中fnname參數(shù)可以是一個(gè)匿名函數(shù)的引用或者是一個(gè)函數(shù)名，time是設(shè)定的調(diào)用faname的時(shí)間間隔，單位為毫秒，默認(rèn)值為10毫秒，par1.......parn為可選參數(shù)，是傳遞給faname方法的參數(shù)。

第二種是使用對象方法的語法，faname參數(shù)是obj對象的方法，其他參數(shù)同第一種語法。

下面利用例子進(jìn)行解釋：

//普通語法的第一種寫法

setInterval(function(){
    alert("我是setInterval方法打印結(jié)果")；
  }，3000) //每隔3秒打印一次

//普通語法的第二種寫法

function alert1(){
    alert("我是setInterval方法打印結(jié)果")
  }
function alert2(str){
    alert(str);
  }
  setInterval(alert1,3000);
  setInterval("alert1()",3000);
  setInterval(alert2,3000,"我是setInterval方法打印結(jié)果");
  setInterval("alert1()",3000,"我是setInterval方法打印結(jié)果");

//對象方法寫法

obj = new Object();//創(chuàng)建一個(gè)新的對象

obj.alert1 = function(){
    alert("我是setInterval方法打印結(jié)果");
  }

obj.alert2 = function(str){
    alert(str);
  }

setInterval(obj,alert1,3000);
setInterval(obj,alert2,3000,"我是setInterval方法打印結(jié)果")；

setInterval一般都要跟clearInterval配合使用，clearInterval的作用是清除setInterval方法的調(diào)用，clearInterval的參數(shù)是setInterval的返回值，

var timer = setInterval(obj,alert1,3000);

clearInterval(timer);

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法
這篇文章主要介紹了Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法,較為詳細(xì)的分析了Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的原理與具體實(shí)現(xiàn)方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2014-10-10
Javascript顯示和隱藏ul列表的方法
這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對頁面元素遍歷及顯示與隱藏的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
在模板頁面的js使用辦法
在使用了母板頁面的項(xiàng)目中使用js獲取其中的標(biāo)簽id 需要先加載到本地看看他在瀏覽時(shí)候的頁面源代碼然后確定他的id
2010-04-04
微信小程序?qū)崿F(xiàn)吸頂效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何利用微信小程序?qū)崿F(xiàn)雙人五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
JavaScript中如何讓?x?==?1?&&?x?==?2?&&?x?==?3?等式成立
這篇文章主要介紹了JavaScript中如何讓x==1&&x==2&&x==3等式成立，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-07-07
Uni-app返回上一頁面并攜帶參數(shù)的實(shí)現(xiàn)方法
這篇文章主要介紹了Uni-app返回上一頁面并攜帶參數(shù)的實(shí)現(xiàn)方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-06-06
實(shí)現(xiàn)div可編輯的常見方法總結(jié)
實(shí)現(xiàn)div可編輯的常見方法總結(jié)...
2007-04-04
一文總結(jié)JavaScript中Promise遇到的問題
Promise 是異步編程的一種解決方案，比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大。本文將總結(jié)一下在Promise中容易遇到的一些問題，感興趣的同學(xué)可以參考下
2023-05-05
詳解JS中定時(shí)器setInterval和setTImeout的this指向問題
在js中setTimeout和setInterval都是用來定時(shí)的一個(gè)功能，下面這篇文章主要給介紹了JS中setInterval和setTImeout的this指向問題,文中通過示例介紹的很詳細(xì)，有需要的朋友可以參考借鑒，一起來看看吧。
2017-01-01