9.js中的定时器

最新推荐文章于 2024-10-10 10:50:43 发布

小白想要逆袭

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量51

点赞数

分类专栏：前端相关技术 # JS&ES6学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/a1498665771/article/details/128920372

版权

前端相关技术同时被 2 个专栏收录

29 篇文章 1 订阅

订阅专栏

JS&ES6学习

29 篇文章 0 订阅

订阅专栏

延迟执行：setTimeout(function(){}, 毫秒)
- 停止延迟执行
  - clearTimeout(timer) // 参数必须是由 setTimeout() 返回的timer

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(1);
        console.log(2);
        console.log(3);
        var timer = setTimeout(function(){
            console.log(4);
        },2000);
        // 2s后不会执行
        clearTimeout(timer);
    </script>
</body>
</html>

定时执行：setInterval(function(){}, 毫秒) ，每隔多少毫秒就执行一次
- 停止定时执行
  - clearInterval(timer) // 参数必须是由 setInterval() 返回的timer

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(1);
        console.log(2);
        console.log(3);
        var timer = setInterval(function(){
            console.log(4);
        },2000);
        // 2s后不会执行
        clearInterval(timer);
    </script>
</body>
</html>