setInterval与setTimeout的区别-优快云博客

本文详细解释了JavaScript中setInterval与setTimeout两个方法的区别。setInterval用于页面加载后按指定时间间隔重复执行某个任务，而setTimeout则是在指定时间后仅执行一次任务。文中还通过示例代码演示了如何使用这两个方法及如何取消它们。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明：
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>

转载于:https://www.cnblogs.com/ysuhy/archive/2010/10/11/1847912.html