• 技术文章 >web前端 >前端问答

    jquery怎么停止settimeout

    长期闲置长期闲置2022-04-24 17:58:07原创183

    在jquery中,可以用clearTimeout()方法停止settimeout,该方法用于取消setTimeout()方法设置的timeout,参数必须是setTimeout()返回的ID值,语法为“clearTimeout(ID值)”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎么停止settimeout

    clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作。

    取消由 setTimeout() 方法设置的 timeout

    clearTimeout() 方法的参数必须是由 setTimeout() 返回的 ID 值。

    注意: 要使用 clearTimeout() 方法, 在创建执行定时操作时要使用全局变量:

    myVar = setTimeout("javascript function", milliseconds);

    如果方法还未被执行,我们可以使用 clearTimeout() 来阻止它。

    clearTimeout(id_of_settimeout)

    id_of_setinterval 调用 setTimeout() 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setTimeout() 所设定的定时执行操作。

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    </head>
    <body>
    <p>点击按钮,等待 3 秒后弹出 "Hello" 。</p>
    <p>点击第二个按钮来阻止弹出函数 myFunction 的执行。 (你必须在 3 秒前点击)</p>
    <button onclick="myFunction()">先点我</button>
    <button onclick="myStopFunction()">阻止弹出</button>
    <script>
    var myVar;
    function myFunction() {
        myVar = setTimeout(function(){ alert("Hello") }, 3000);
    }
    function myStopFunction() {
        clearTimeout(myVar);
    }
    </script>
    </body>
    </html>

    输出结果:

    18.png

    若只点击第一个按钮,三秒后出现弹窗:

    19.png

    若点击量第一个按钮后,三秒内点击了第二个按钮,则不会出现弹窗。

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎么停止settimeout的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:css3中transition是什么意思 下一篇:jquery中nan是什么意思
    千万级数据并发解决方案

    相关文章推荐

    • jquery怎么实现鼠标经过显示,离开隐藏• jquery中怎么删除一个元素• jquery怎么设置点击事件去除div元素• jquery怎么实现隔行变色• jquery怎么去除最后一位节点
    1/1

    PHP中文网