为什么我移除了script#s1，这个计时器却仍然在执行？

<!DOCTYPE html>
<html lang="en">
<head>
    <title>document</title>
    <meta charset="utf-8">
</head>
<body>
    
    <script src="js/jquery.js"></script>
    <script id="s1">
    setInterval(function(){
        console.log(Math.random());
    },1000);
    </script>

    <script>
    setTimeout(function(){
        $('#s1').remove();
    },5000);
    </script>

    
</body>
</html>

因为移除 script 的DOM节点, 并不影响它所引入/包含的 JS代码块的执行.

这个和移除元素无关

setInterval(function(){
    console.log(Math.random());
},1000);

这段脚本执行后，JS引擎就会生成一个定时器，在EventLoop的时候会去check定时器是否到点，到点后就会执行定时器设置的执行函数~~~

好比你邮递员把邮件放到你的信箱中，然后喊你有邮件到了，他离开了，你听到了还是能拿到邮件~~

你这个写法让我大开眼界啊，哈哈。
setInterval(fn); 会返回一个ID
你用变量存放起来然后请配合这个函数来使用 clearInterval(id);

你移除的是源代码块，代码在开始执行的时候就已经载入内存，你之后再移除代码是没有作用的。要关闭定时器，要按照关闭定时器的方法去做，不是删除代码来做这件事。（你的做法就好像打开了一个程序不会关，直接把程序文件给删掉……）

js已经运行了，你移除的至少一块dom元素。setInterval 在运行的时候会返回一个数字给你，你需要做的是用一个变量保存下来，然后clear。

【热门文章】