setInterval和setTimeout实现的倒…

最新推荐文章于 2025-06-13 11:14:18 发布

wang的CSND

最新推荐文章于 2025-06-13 11:14:18 发布

阅读量785

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/lb809663396/article/details/17554913

Jquery 专栏收录该内容

44 篇文章

订阅专栏

本文详细解析了JavaScript中的setInterval和setTimeout函数的区别与联系。通过实例演示了setInterval如何周期性执行任务直至条件满足，以及setTimeout如何仅执行一次指定的任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setInterval和setTimeout的不同点

setInterval 是在规定的时间段无限的执行对应的事件，停止它的语句window.clearInterval(time)

setTimeout 是在规定的时间段只执行一次

setInterval和setTimeout的相同点就是语法相同

setInterval(事件，时间)

setTimeout (事件，时间)

下面是我没事的时候jquery写的一个小例子,复制下来就能用

<html>
<head>
    <title></title>
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var count = 0;
        var checktime;
        var time;
        $(function () {
            $("#btn").click(function () {
                checktime = setInterval(check, 500);
                time = setInterval(begin, 1000);
            });
            $("#btn1").click(function () {
                checktime = setTimeout(ggg, 5000);
            });
        })
        function begin() {
            $("#btn").text(5-count);
            count++;
        }
        function check() {
           if(count>5)
           {
               window.clearInterval(time); //结束setInterval循环
               window.clearInterval(checktime);
               alert("ok");
           }
       }
       function ggg() {
           alert("88888888888888");
       }
    </script>
</head>
<body>
<div>
<h2 id="btn">setInterval单击我看看</h2>
<h2 id="btn1">setTimeout单击我看看</h2>
</div>
</body>
</html>