javascript間隔定時器(延時定時器)學(xué)習(xí) 間隔調(diào)用和延時調(diào)用
更新時間：2014年01月13日 09:54:33 作者：
這篇文章主要介紹了javascript間隔調(diào)用和延時調(diào)用示例,介紹setInterval方法和clearInterval方法的使用方法，大家參考使用吧
用setInterval方法可以以指定的間隔實現(xiàn)循環(huán)調(diào)用函數(shù)，直到clearInterval方法取消循環(huán)
用clearInterval方法取消循環(huán)時，必須將setInterval方法的調(diào)用賦值給一個變量，然后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完成延時調(diào)用，在指定的延遲時間之后運行指定函數(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 定時器調(diào)用傳遞參數(shù)的方法
- Javascript/Jquery——簡單定時器的多種實現(xiàn)方法
- JavaScript定時器詳解及實例
- 淺析javascript 定時器
- 深入探尋javascript定時器
- JavaScript學(xué)習(xí)筆記之定時器
- javascript定時器完整實例
- Javascript中setTimeOut和setInterval的定時器用法
- JavaScript定時器和優(yōu)化的取消定時器方法
- javascript中SetInterval與setTimeout的定時器用法
- JavaScript中的定時器之Item23的合理使用
- 跟我學(xué)習(xí)javascript的定時器
相關(guān)文章
這篇文章主要為大家詳細解析了BootStrap的Tooltip插件源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了移動端JS實現(xiàn)拖拽兩種方法解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
本文將使用javascript實現(xiàn)一個極其簡單的路由實例。WEB開發(fā)中路由概念并不陌生，我們接觸到的有前端路由和后端路由。后端路由在很多框架中是一個重要的模塊,同樣前端路由在單頁面應(yīng)用也很常見，它使得前端頁面體驗更流暢。2016-09-09
這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
話說，人就是要被關(guān)注才有動力啊于是修改了下上次寫的《添加JavaScript重載函數(shù)的輔助方法》在添加方法的時候增加了一個參數(shù) 用于限制參數(shù)的類型。2010-07-07
這篇文章主要介紹了原生JS實現(xiàn)的跳一跳小游戲,結(jié)合完整實例形式分析了javascript實現(xiàn)跳一跳游戲的原理、實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
看代碼主要是用css控制div的顯示和div的顯示位置和式樣的代碼2008-06-06
js模擬jquery的slide和fadeIn和fadeOut功能
以前用過jquery的slideUp，slideDown，等許多很不錯的方法，感覺很容易就能實現(xiàn)頁面元素的動畫效果！2010-07-07
window.showModalDialog參數(shù)傳遞中含有特殊字符的處理方法
程序運行出錯經(jīng)，過檢查發(fā)現(xiàn)傳遞的數(shù)據(jù)中出現(xiàn)了#等特殊字符，瀏覽器只取到#號前面的數(shù)據(jù)，后面的被截斷，下面為大家介紹下正確的處理方法2013-06-06
實現(xiàn)png圖片和png背景透明（支持多瀏覽器）的方法
Firefox和Opera對PNG的支持非常的好，都是IE卻無視PNG圖片這一特性的“存在”，雖然IE7已經(jīng)支持都是IE6還是不行。2009-09-09