setTimeout 和 setInterval 的區別
原文地址:http://www.cnblogs.com/tuyile006/archive/2008/02/18/1072748.html
setTimeout (表示式,延時時間)
setInterval(表示式,互動時間)
延時時間/互動時間是以豪秒為單位的(1000ms=1s)
setTimeout 在執行時,是在載入後延遲指定時間後,去執行一次表示式,僅執行一次
setInterval 在執行時,它從載入後,每隔指定的時間就執行一次表示式
set Timeout 也可以實現象setInterval一樣的功能
set Timeout:
<script language="javascript">
var i;
i=0;
function reloop()
{
i=i+1;
alert(String(i));
setTimeout("reloop()",1000);
}
reloop();
</script>
setInterval:
<script language="javascript">
var i;
i=0;
function reloop()
{
i=i+1;
alert(String(i));
}
setInterval("reloop()",1000);
</script>
window物件有兩個主要的定時方法,分別是setTimeout 和 setInteval 他們的語法基本上相同,但是完成的功能取有區別。
setTimeout方法是定時程式,也就是在什麼時間以後幹什麼。幹完了就拉倒。
setInterval方法則是表示間隔一定時間反覆執行某操作。
如果用setTimeout實現setInerval的功能,就需要在執行的程式中再定時呼叫自己才行。如果要清除計數器需要 根據使用的方法不同,呼叫不同的清除方法:
例如:tttt=setTimeout(@#northsnow()@#,1000);
clearTimeout(tttt);
或者:
tttt=setInterval(@#northsnow()@#,1000);
clearInteval(tttt);
舉一個例子:
<div id="liujincai"></div>
<input type="button" name="start" value="start" onclick=@#startShow();@#>
<input type="button" name="stop" value="stop" onclick="stop();">
<script language="javascript">
var intvalue=1;
var timer2=null;
function startShow()
{
liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();
timer2=window.setTimeout("startShow()",2000);
}
function stop()
{
window.clearTimeout(timer2);
}
</script>
相關文章
- setInterval()與setTimeout()區別
- setInterval和setTimeout區別(驗證碼倒數計時)
- Jscript中window.setInterval和window.setTimeout區別JS
- 深度解密setTimeout和setInterval——為setInterval正名!解密
- setTimeout和setInterval的區別以及如何寫出效率高的倒數計時
- 定時器(setInterval、setTimeout 和requestAnimationFrame)定時器requestAnimationFrame
- JavaScript - 函式 setTimeout 和 setInterval 的比較JavaScript函式
- JS中setInterval和setTimeout使用介紹JS
- 使用setTimeout實現setInterval
- VUE中setTimeout和setInterval自動銷燬Vue
- setTimeout()和setInterval() 何時被呼叫執行
- javascript定時器(setTimeout和setInterval)的使用詳解JavaScript定時器
- SetTimeout、SetInterVal、setImmediate和process.nextTick的理解
- 用setTimeout和clearTimeout簡單實現setInterval與clearInterval
- JS動畫三劍客——setTimeout、setInterval、requestAnimationFrameJS動畫requestAnimationFrame
- 從setTimeout/setInterval看JS執行緒JS執行緒
- JavaScript深入淺出非同步程式設計一、setTimeout和setIntervalJavaScript非同步程式設計
- 定時器(setTimeout/setInterval)最小延遲的問題定時器
- setTimeout中的this指向問題和箭頭函式結合的區別函式
- js 定時器用法詳解——setTimeout()、setInterval()、clearTimeout()、clearInterval()JS定時器
- 細說setTimeout/setImmediate/process.nextTick的區別
- Javascript非同步程式設計之setTimeout與setInterval詳解分析(一)JavaScript非同步程式設計
- ../和./和/的區別
- 和 的區別
- as 和 with的區別
- ||和??的區別
- /*和/**的區別
- LinkedList和ArrayList的區別、Vector和ArrayList的區別
- http和https的區別/get和post的區別HTTP
- ./ 和sh 的區別
- JQuery this和$(this)的區別jQuery
- jquery $(this) 和this的區別jQuery
- T和?的區別
- ++a和a++的區別
- makefile =和:=的區別
- Mybatis中#{}和${}傳參的區別及#和$的區別小結MyBatis
- 和區別
- MYSQL和SQL的區別MySql