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

时间:2023-03-09 15:38:35
JS执行一次任务与定期任务与清除执行

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

1.定期执行

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

效果:

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

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>

结果:

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

2.清除效果:

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

结果控制台不会打印信息