首页 > 软件开发 > JQUERY >

jquery 如何让定时器暂停

来源:互联网 2023-03-17 00:46:57 版权归原作者所有,如有侵权,请联系我们

jquery定时器有2个,分别是setTimeout和setInterval。r87办公区 - 实用经验教程分享!

setTimeout延时触发一次函数。r87办公区 - 实用经验教程分享!

setInterval每隔指定时间触发一次函数。r87办公区 - 实用经验教程分享!

下面是介绍怎么用jquery让定时器暂停。r87办公区 - 实用经验教程分享!

工具/原料

  • html编辑器sublimeText
  • jquery库

setTimeout定时器暂停详细步骤

  • 1

    第一步,打开sublimeText编辑器,如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 2

    第二步,引入Jquery库,如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    第三步,使用setTimeout编写一个定时器的例子,r87办公区 - 实用经验教程分享!

    setTimeout(alertHello, 5000);r87办公区 - 实用经验教程分享!

    function alertHello() {alert("Hello!");}r87办公区 - 实用经验教程分享!

    例子意思是5秒后弹出一个hello的提示框。r87办公区 - 实用经验教程分享!

    详细代码以及效果如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 4

    第四步,暂停setTimeout定时器,r87办公区 - 实用经验教程分享!

    使用clearTimeout()方法,代码如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • setInterval定时器暂停详细步骤

  • 1

    第一步,打开sublimeText编辑器,如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 2

    第二步,引入Jquery库,如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 3

    第三步,使用setInterval编写一个定时器的例子,r87办公区 - 实用经验教程分享!

    var num=1;r87办公区 - 实用经验教程分享!

    var timeout = setInterval(consoleHello, 1000);r87办公区 - 实用经验教程分享!

    function consoleHello() {console.log("Hello!" num ); }r87办公区 - 实用经验教程分享!

    例子意思:每隔1秒打印一次hellor87办公区 - 实用经验教程分享!

    详细代码以及效果如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 4

    第四步,暂停setInterval定时器,r87办公区 - 实用经验教程分享!

    使用clearInterval()方法,详细代码如下图r87办公区 - 实用经验教程分享!

    jquery 如何让定时器暂停r87办公区 - 实用经验教程分享!

  • 注意事项

    • 希望对你有帮助

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!r87办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号