javascript間隔定時(shí)器(延時(shí)定時(shí)器)學(xué)習(xí) 間隔調(diào)用和延時(shí)調(diào)用
更新時(shí)間：2014年01月13日 09:54:33 作者：
這篇文章主要介紹了javascript間隔調(diào)用和延時(shí)調(diào)用示例,介紹setInterval方法和clearInterval方法的使用方法，大家參考使用吧
用setInterval方法可以以指定的間隔實(shí)現(xiàn)循環(huán)調(diào)用函數(shù)，直到clearInterval方法取消循環(huán)
用clearInterval方法取消循環(huán)時(shí)，必須將setInterval方法的調(diào)用賦值給一個(gè)變量，然后clearInterval方法引用該變量。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var n = 0;
function print(){
document.writeln(n);
if(n==1000){
window.clearInterval(s);
}
n++;
}
var s = window.setInterval(print, 10);
</script>
用setTimeout和clearTimeout完成延時(shí)調(diào)用，在指定的延遲時(shí)間之后運(yùn)行指定函數(shù)，只執(zhí)行一次。clearTimeout的用法同clearInterval方法的用法相同。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function printTime(){
var time = new Date();
var year = time.getFullYear();
var month = (time.getMonth())+1;
var daynum = time.getDay();
var hour = time.getHours();
var min = time.getMinutes();
var sec = time.getSeconds();
var da = time.getDate();
var daystr;
switch(daynum){
case 0: daystr="星期日";
break;
case 1: daystr="星期一";
break;
case 2: daystr="星期二";
break;
case 3: daystr="星期三";
break;
case 4: daystr="星期四";
break;
case 5: daystr="星期五";
break;
case 6: daystr="星期六";
break;
default: daystr="";
}
var str = year+"年"+month+"月"+da+"日 "+daystr+" "+hour+": "+min+": "+sec;
document.getElementById("t").innerHTML = str;
window.setTimeout(printTime, 1000);
}
</script>
<body onload="printTime()">
<br/>
<div id="t"></div>
</body>
您可能感興趣的文章:
- Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法
- Javascript/Jquery——簡(jiǎn)單定時(shí)器的多種實(shí)現(xiàn)方法
- JavaScript定時(shí)器詳解及實(shí)例
- 淺析javascript 定時(shí)器
- 深入探尋javascript定時(shí)器
- JavaScript學(xué)習(xí)筆記之定時(shí)器
- javascript定時(shí)器完整實(shí)例
- Javascript中setTimeOut和setInterval的定時(shí)器用法
- JavaScript定時(shí)器和優(yōu)化的取消定時(shí)器方法
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript中的定時(shí)器之Item23的合理使用
- 跟我學(xué)習(xí)javascript的定時(shí)器
相關(guān)文章
這篇文章主要為大家詳細(xì)解析了BootStrap的Tooltip插件源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
移動(dòng)端JS實(shí)現(xiàn)拖拽兩種方法解析
這篇文章主要介紹了移動(dòng)端JS實(shí)現(xiàn)拖拽兩種方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
Javascript實(shí)現(xiàn)前端簡(jiǎn)單的路由實(shí)例
本文將使用javascript實(shí)現(xiàn)一個(gè)極其簡(jiǎn)單的路由實(shí)例。WEB開(kāi)發(fā)中路由概念并不陌生，我們接觸到的有前端路由和后端路由。后端路由在很多框架中是一個(gè)重要的模塊,同樣前端路由在單頁(yè)面應(yīng)用也很常見(jiàn)，它使得前端頁(yè)面體驗(yàn)更流暢。2016-09-09
這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
話(huà)說(shuō)，人就是要被關(guān)注才有動(dòng)力啊于是修改了下上次寫(xiě)的《添加JavaScript重載函數(shù)的輔助方法》在添加方法的時(shí)候增加了一個(gè)參數(shù) 用于限制參數(shù)的類(lèi)型。2010-07-07
原生JS實(shí)現(xiàn)的跳一跳小游戲完整實(shí)例
這篇文章主要介紹了原生JS實(shí)現(xiàn)的跳一跳小游戲,結(jié)合完整實(shí)例形式分析了javascript實(shí)現(xiàn)跳一跳游戲的原理、實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
看代碼主要是用css控制div的顯示和div的顯示位置和式樣的代碼2008-06-06
js模擬jquery的slide和fadeIn和fadeOut功能
以前用過(guò)jquery的slideUp，slideDown，等許多很不錯(cuò)的方法，感覺(jué)很容易就能實(shí)現(xiàn)頁(yè)面元素的動(dòng)畫(huà)效果！2010-07-07
window.showModalDialog參數(shù)傳遞中含有特殊字符的處理方法
程序運(yùn)行出錯(cuò)經(jīng)，過(guò)檢查發(fā)現(xiàn)傳遞的數(shù)據(jù)中出現(xiàn)了#等特殊字符，瀏覽器只取到#號(hào)前面的數(shù)據(jù)，后面的被截?cái)啵旅鏋榇蠹医榻B下正確的處理方法2013-06-06
實(shí)現(xiàn)png圖片和png背景透明（支持多瀏覽器）的方法
Firefox和Opera對(duì)PNG的支持非常的好，都是IE卻無(wú)視PNG圖片這一特性的“存在”，雖然IE7已經(jīng)支持都是IE6還是不行。2009-09-09