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>

你可能感兴趣的:(SetInterval)