1. 全栈程序员必看首页

js中setTimeout和clearTimeout的使用

全栈程序员-站长 • • 未分类 • 阅读 0

js中setTimeout和clearTimeout的使用一、概念1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。二、使用场景1、写计时器2、需要让程序隔一

一、概念

1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。

2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。

二、使用场景

1、写计时器

2、需要让程序隔一段时间处理什么事情，如3秒后自动关闭弹出框等

3、事件延迟，满足业务需求，如鼠标从主菜单moveout的时候，判断鼠标是否moveover副菜单，再隐藏副菜单。

三、使用方法

[html] 
view plain
 copy

  1. <html>  
  2. <head>  
  3. <script type=“text/javascript”>  
  4. var c=0  
  5. var t  
  6. function timedCount()  
  7. {  
  8. document.getElementById(‘txt’).value=c  
  9. c=c+1  
  10. t=setTimeout(“timedCount()”,1000)  
  11. }  
  12.   
  13. function stopCount()  
  14. {  
  15. clearTimeout(t)  
  16. }  
  17.   
  18. </script>  
  19. </head>  
  20.   
  21. <body>  
  22. <form>  
  23. <input type=“button” value=“开始计时！” onClick=“timedCount()”>  
  24. <input type=“text” id=“txt”>  
  25. <input type=“button” value=“停止计时！” onClick=“stopCount()”>  
  26. </form>  
  27.   
  28. <p>  
  29. 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。  
  30. </p>  
  31.   
  32. </body>  
  33.   
  34. </html>  
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/213558.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0

相关推荐

  • JAVA静态内部类_java静态内部类实例化

    JAVA静态内部类_java静态内部类实例化

    JAVA静态内部类_java静态内部类实例化写在前面  不知不觉，我正式入职到部门实习也有一周多的时间了，这段时间确实学到了不少东西。从大公司的办公、办事的流程准则，到程序员的日常研发工作和其中的注意事项，导师和同事们都很乐于帮助我融入这个新环境。  因为实习生不用加班，业余时间也比较多。便想着利用空闲时间来深入学习、总结一些平时工作中遇到的知识点和代码细节，把之前因为准备期末都快要荒废掉的写博客总结的习惯重新拾回来。fighting~!

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月10日
  • 简述Activity生命周期「建议收藏」

    简述Activity生命周期「建议收藏」

    简述Activity生命周期「建议收藏」Activity显示方式Android是使用任务（Task）管理活动的，一个任务就是一组存放在栈里的活动的集合，这个栈也 被称为返回栈。新活动启动进入栈，处于栈顶，当Back或finish（）销毁一个活动时，栈顶的活动会出栈，前一个入栈的活动重新处于栈顶位置，显示给用户。活动状态运行状态：处于栈顶。暂停状态：不再处于栈顶但仍可见。（内存极低时系统会考虑回收这种活动）停止状态：不再处于栈顶，并且完全不可见。（系统会保存相应的状态和成员变量，但是这并不是完全可靠的，当其他地方需要内存时，处于停止状态

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月16日
  • 可更新resultset

    可更新resultset

    可更新resultset

    全栈程序员-站长的头像 全栈程序员-站长
    2021年8月12日
  • string数组怎么定义对象_定义二维字符型数组

    string数组怎么定义对象_定义二维字符型数组

    string数组怎么定义对象_定义二维字符型数组这里是IT修真院分享课，今天要分享的主题是【string数组怎么定义】string数组的定义有三种：Stringarr[]=newString[10];//创建一个长度为10的String类型数组。Stringarr[]={“张三”,”李四”};String[]str=newString[]{“”,””,””,””,””};Stringar…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月20日
  • java编译器——安装IDEA 步骤 idea

    java编译器——安装IDEA 步骤

    java编译器——安装IDEA 步骤1、从官网上下载ideaIU-2021.2.3，地址如下，点击download;IntelliJIDEA:TheCapable&ErgonomicJavaIDEbyJetBrainsACapableandErgonomicJavaIDEforEnterpriseJava,Scala,Kotlinandmuchmore…https://www.jetbrains.com/idea/图12、IntelliJIDEA是一款跨平台的开发工具，

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月15日
  • SQL Server存储过程多角度介绍建议收藏

    SQL Server存储过程多角度介绍建议收藏

    什么是存储过程：存储过程（Procedure）类似于C#语言中的方法，它是SQL语句和控制流语句的预编译集合。存储过程存储在数据库内，可由应用程序通过一个调用执行，而且允许用户声明变量、逻辑控制语句

    全栈程序员-站长的头像 全栈程序员-站长
    2021年12月21日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号