javascript setTimeout 和 setInterval 區別

時間 2019-11-05

標籤 javascript settimeout setinterval 區別欄目 JavaScript 简体版

原文原文鏈接

setTimeout()方法是在等待指定時間後執行函數, 且只執行一次傳入的句柄函數. javascript

setInterval()方法是每指定間隔時間後執行一次傳入的句柄函數,循環執行直相當閉窗口或clearInterval(). html

[setTimeout]
setTimeout(表達式,延時時間)
在執行時,是在載入後延遲指定時間後,去執行一次表達式,記住,次數是一次

用setTimeout實現的自動變化顯示隨機數的效果: java

<html>
<head>
<script>
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script> 
</head>
<body>
</body>
</html>

[setInterval]
setInterval(表達式,交互時間)
則不同,它從載入後,每隔指定的時間就執行一次表達式

用setInterval實現的自動變化顯示隨機數的效果:

<html>
<head>
<script>
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
</script>
</script> 
</head>
<body>
</body>
</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> dom