JavaScript设置定时器和清除

最新推荐文章于 2022-10-26 17:36:53 发布

syuuenn

最新推荐文章于 2022-10-26 17:36:53 发布

阅读量1.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/syuuenn/article/details/90450464

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在编写代码时经常需要设置延时操作，现在探究一下关于单次定时和多次定时的代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            var stime = null;
            var one = document.getElementById('one');
            var two = document.getElementById('two');
            var three = document.getElementById('three');
            one.onclick = function(){
                setTimeout(function () {
                    alert('hello')},3000)
            };//单次

            two.onclick = function(){
                  function ft() { alert('你好')}
                stime = setInterval(ft,4000)
                };//多次

             three.onclick = function () {
                 clearInterval(stime);
                stime = null
             }//清除定时器
        }
    </script>
</head>
<body>
<button id="one">单次</button>
<button id="two">多次</button>
<button id="three">清除</button>
</body>
</html>

单次定时使用 setTimeout后面执行匿名函数3000毫秒后弹出“hello”，只执行一次。
多次定时使用 stime = setInterva，多次执行。
为了节约系统资源，多次定时通常需要清除操作，使用clearInterval。

syuuenn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript设置定时器和清除

在编写代码时经常需要设置延时操作，现在探究一下关于单次定时和多次定时的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascri...
复制链接

扫一扫