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>
posted @ 2010-10-11 14:31  双击  阅读(202)  评论(0编辑  收藏  举报