计时器setInterval 的使用

最新推荐文章于 2023-06-03 09:30:00 发布

wind-Code

最新推荐文章于 2023-06-03 09:30:00 发布

阅读量377

点赞数

分类专栏： vsCode javaScript 文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/mastercao/article/details/123512446

版权

javaScript 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

vsCode

8 篇文章 0 订阅

订阅专栏

<!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>
    <!-- window对象给我们提供了两个计时器 -->
    <!-- setTimeout(调用函数，[延迟的毫秒数]) 方法用于设置一个定时器-->
    <script>
        // setTimeout(function(){                       直接写函数
        //     alert('到时间了');
        // },2000);    
        // 延迟时间是 ms  可以不写 不写是直接执行函数
        function callback(){              
            console.log('爆炸了');
        }                                               // 调用函数
        var timer1 = setTimeout(callback,3000);
        var timer2 = setTimeout('callback()',2000)   // 函数名
    </script>
    <!-- 页面中可能有很多的计时器 我们经常给计时器加标识符 -->
    <div>
        <img src="../事件基础/img/download.png" alt="">
    </div>
    <script>
        var img = document.querySelector('img');
        function callback1(){
            img.style.display = 'none';
        }
        var timer3 = setTimeout(callback1,5000);
    </script>

</body>
</html>

wind-Code

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
计时器setInterval 的使用

<!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>Do.
复制链接

扫一扫