js定时器

本文深入探讨了浏览器对象模型(BOM)中的定时器概念,包括一次性定时器setTimeout和永久定时器setInterval的使用方法,以及如何通过clearInterval和clearTimeout清除定时器,避免内存泄漏。通过示例代码展示了定时器的基本操作。

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

BOM  浏览器模型   分为:一次性定时  无穷次定时

  一次性定时  setTimeout(函数,以毫秒为单位的时间)
   永久定时     setInterval(函数,以毫秒为单位的时间)

  消除定时器  clearInterval(定时器标识)   clearTimeout(定时器标识)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>买了否冷</title>
</head>
<body>
<script>
    
    var i = 0;
    // setTimeout(function () {
    //     i++;
    //     console.log(i);
    // },3000)

    var timer1 = setInterval(function () {
        i++;
        if(i===3){
            clearInterval(timer1);

        }
        console.log(i)
    },1000);

</script>
</body>
</html>