javascript中setInterval的用法

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

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

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

setInterval的表達式格式主要有：

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

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

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

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

下面利用例子進行解釋：

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

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

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

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

//對象方法寫法

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

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

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

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

setInterval一般都要跟clearInterval配合使用，clearInterval的作用是清除setInterval方法的調用，clearInterval的參數是setInterval的返回值，

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

clearInterval(timer);

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

您可能感興趣的文章:

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