代码改变世界

window.setTimeout與window.setInterval的區別

2011-03-21 10:43  音乐让我说  阅读(301)  评论(0)  编辑  收藏  举报

代碼如下：

<html>
<head>
<title>window.setTimeout與window.setInterval的區別</title>
<script language="javascript" type="text/javascript">
function show()
{
	document.getElementById("showResult").innerHTML = (new Date()).toLocaleString();
	//window.setTimeout(show,1000);
}
</script>
</head>
<body>
<h1>開始執行</h1>
<h3>
如果是window.setTimeout，則必須首先調用show()方法，然後再show()方法裡面window.setTimeout(show,1000)，且它不管在1秒鐘內show()方法是否執行完畢，仍然定時執行show()方法
</h3>
<h3>
如果是window.setInterval，則不必那麼複雜，只需在方法外調用它就可以了。且它等show()方法執行完畢後，再定時執行show()方法
</h3>
<div id="showResult"></div>
<script language="javascript" type="text/javascript">
//show();
window.setInterval(show,1000);
</script>
</body>
</html>

謝謝瀏覽！