javascript中setInterval的用法

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

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

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

setInterval的表達式格式主要有：

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

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

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

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

下面利用例子進行解釋：

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

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)建一個新的對象

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