javascript中setInterval的用法
javascript中的setInterval的函數(shù)主要是在制作動(dòng)畫或其他間隔性渲染(操作)效果時(shí),對(duì)操作方法按照一定時(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ù)。
第二種是使用對(duì)象方法的語法,faname參數(shù)是obj對(duì)象的方法,其他參數(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é)果"); //對(duì)象方法寫法 obj = new Object();//創(chuàng)建一個(gè)新的對(duì)象 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)容了,希望大家能夠喜歡。
- javascript 不停(setInterval)/延時(shí)(setTimeout)函數(shù)使用實(shí)例
- JavaScript setTimeout和setInterval的使用方法 說明
- Javascript對(duì)象中關(guān)于setTimeout和setInterval的this介紹
- javascript setTimeout和setInterval計(jì)時(shí)的區(qū)別詳解
- JavaScript中setInterval的用法總結(jié)
- Javascript setInterval的兩種調(diào)用方法(實(shí)例講解)
- JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡單輪詢操作的方法
相關(guān)文章
JS簡單生成隨機(jī)數(shù)(隨機(jī)密碼)的方法
這篇文章主要介紹了JS簡單生成隨機(jī)數(shù)(隨機(jī)密碼)的方法,簡單分析了javascript隨機(jī)數(shù)相關(guān)函數(shù)并結(jié)合具體實(shí)例形式分析了隨機(jī)數(shù)的相關(guān)生成技巧,需要的朋友可以參考下2017-05-05理解Javascript的動(dòng)態(tài)語言特性
這篇文章主要介紹了理解Javascript的動(dòng)態(tài)語言特性,需要的朋友可以參考下2015-06-06javascript:history.go()和History.back()的區(qū)別及應(yīng)用
為提高用戶體驗(yàn)度,可能會(huì)使用到刷新 前進(jìn) 后退等相關(guān)更能,本文將以此問題詳細(xì)介紹javascript:history.go()和History.back()的區(qū)別及應(yīng)用,需要的朋友可以參考下2012-11-11JS實(shí)現(xiàn)兼容性較好的隨屏滾動(dòng)效果
這篇文章主要介紹了JS實(shí)現(xiàn)兼容性較好的隨屏滾動(dòng)效果,演示了固定位置顯示和隨屏滾動(dòng)兩種效果的實(shí)現(xiàn)方法,涉及css樣式的設(shè)置與結(jié)合時(shí)間函數(shù)遞歸調(diào)用實(shí)現(xiàn)滾屏的技巧,需要的朋友可以參考下2015-11-11配置Grunt的Task時(shí)通配符支持和動(dòng)態(tài)生成文件名問題
這篇文章主要介紹了配置Grunt的Task時(shí)通配符支持和動(dòng)態(tài)生成文件名問題,需要的朋友可以參考下2015-09-09JavaScript中arguments和this對(duì)象用法分析
這篇文章主要介紹了JavaScript中arguments和this對(duì)象用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了arguments對(duì)象和this對(duì)象的功能、常見用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08JS發(fā)起HTTP請(qǐng)求的多種方式總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript發(fā)起HTTP請(qǐng)求的多種方式,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11