js定时器

最新推荐文章于 2024-07-25 19:40:39 发布

平淡中的乐趣

最新推荐文章于 2024-07-25 19:40:39 发布

阅读量1.1k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/gghhm/article/details/90450347

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

js定时器

js的定时器主要是分为三种：单词定时器、循环/多次定时器、删除定时器
具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function(){
            var one = document.getElementById("one")
            var much = document.getElementById("much")
            var clear = document.getElementById("clear")
            function put(){
                alert('这是单次定时器')
            }
            one.onclick=function(){
                setTimeout(put)
            }
            function put_1(){
                alert('这是循环多次定时器')
            }
            much.onclick=function() {
                much1=setInterval(put_1, 2500)
            }
            clear.onclick=function (){
                clearInterval(much1)
            }
        }
    </script>
</head>
<body>
<button id="one">单次定时器</button>
<button id="much">循环多次定时器</button>
<button id="clear">删除定时器</button>

</body>
</html>

主要的定时器就是这三个