JS执行一次任务与定期任务与清除执行

 

1.一次性任务的执行与清除执行

1.定期执行

    <script>
        timer = 0;
        timer = setTimeout(function() {
            console.log("setTimeout---" + timer)
        }, 1 * 1000)
    </script>

效果:

2.清除定期执行

    <script>
        timer = 0;
        timer = setTimeout(function() {
            console.log("setTimeout---" + timer)
        }, 1 * 1000)
        clearTimeout(timer);
    </script>

结果控制台不会打印上面的信息

2.周期性执行任务与清除

1.执行

    <script>
        timer = 0;
        timer = setInterval(function() {
            console.log("setTimeout---" + timer)
        }, 2 * 1000)
    </script>

结果:

 2.清除效果:

    <script>
        timer = 0;
        timer = setInterval(function() {
            console.log("setTimeout---" + timer)
        }, 2 * 1000)
        clearInterval(timer);
    </script>    

结果控制台不会打印信息