setInterval与setTimeout的区别
说明:
setInterval与setTimeout都是DHTM window对象的方法
区别:
setInterval(表达式,时间):页面载入后,每经过指定毫秒值后执行指定表达式,是间隔多次执行的
setTimeout(表达式,时间):页面载入后,经过指定毫秒值后执行指定表达式,只执行一次
附述:
可以通过clearInterval和clearTimeout方法取消事件,具体参考DHMTL手册。
测试代码如下
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script>
var index = 0;
var SI;
function Test() {
var test = document.getElementById("myDiv").innerHTML;
index++;
test += index + "<br>";
document.getElementById("myDiv").innerHTML = test;
if (index == 10) {
clearInterval(SI);
}
}
SI = setInterval(Test, 1000);
//setTimeout(Test, 1000);
</script>
</head>
<body>
<div id="myDiv"></div>
</body>
</html>
<head>
<title></title>
<script>
var index = 0;
var SI;
function Test() {
var test = document.getElementById("myDiv").innerHTML;
index++;
test += index + "<br>";
document.getElementById("myDiv").innerHTML = test;
if (index == 10) {
clearInterval(SI);
}
}
SI = setInterval(Test, 1000);
//setTimeout(Test, 1000);
</script>
</head>
<body>
<div id="myDiv"></div>
</body>
</html>