当前位置: 首页 > news >正文

如何用javascript设置延时执行

 一、什么叫做JavaScript 的计时事件
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。
二、JavaScript 的计时事件的函数
setTimeout() - 在指定时间后执行代码
clearTimeout() - 取消 setTimeout()
注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
三、setTimeout详解
var t=setTimeout("javascript 语句",时间参数) 
注:时间参数单位为毫秒
示例:var t=setTimeout("alert('3 seconds!')",3000)
如果js语句带变量,则必须用+号将变量连接起来,如:
var t=setTimeout("document.getElementById("+menuid+").style.display='none'",3000)
四、clearTimeout详解
语法:clearTimeout(setTimeout的变量名)
示例:clearTimeout(t)    //其中t为前面设置的setTimeout的变量
使用clearTimeout可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如:
function delayRun(code,time) {
  var t=setTimeout(code,time);
}
这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:
οnmοuseοver=delayRun("setTab(0,0)",500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行,则去掉语句中的delayRun相关的代码即可,改为:οnmοuseοver=setTab(0,0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码,只需要直接调用就可以了,很方便。也节省了代码的量。

相关文章:

  • 设计模式--3.模板方法模式
  • 实现JSP数据和JavaScript数据交互使用
  • 使用Apache Xerces解析XML文档
  • 禁ping以及清理系统多余账号说明
  • 使用dom4j和XPath解析XML之例子二
  • [改善Java代码]子列表只是原列表的一个视图
  • 使用Java自带SAX工具解析XML
  • 使用SAX解析XML (控制台程序)
  • PMI列子1
  • 一个简单实用的AJAX例子
  • VS使用技巧
  • 一个最简单的AJAX实例及解析
  • 静态库中有图片,改如何存放呢??
  • 用Java结合SAX 2.0 解析XML文档
  • HDU 2594 Simpsons’ Hidden Talents(辛普森一家的潜在天赋)
  • JAVA_NIO系列——Channel和Buffer详解
  • js学习笔记
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • Linux CTF 逆向入门
  • Netty+SpringBoot+FastDFS+Html5实现聊天App(六)
  • Spark学习笔记之相关记录
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • 创建一种深思熟虑的文化
  • 构造函数(constructor)与原型链(prototype)关系
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 学习笔记TF060:图像语音结合,看图说话
  • nb
  • [Shell 脚本] 备份网站文件至OSS服务(纯shell脚本无sdk) ...
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • ​ssh免密码登录设置及问题总结
  • # Panda3d 碰撞检测系统介绍
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • (2)MFC+openGL单文档框架glFrame
  • (42)STM32——LCD显示屏实验笔记
  • (js)循环条件满足时终止循环
  • (二)linux使用docker容器运行mysql
  • (附源码)springboot 房产中介系统 毕业设计 312341
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (六)软件测试分工
  • (转)EXC_BREAKPOINT僵尸错误
  • (转)fock函数详解
  • (转)Linux下编译安装log4cxx
  • (转)Scala的“=”符号简介
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .Net IE10 _doPostBack 未定义
  • .NET关于 跳过SSL中遇到的问题
  • .NET中使用Protobuffer 实现序列化和反序列化
  • .sdf和.msp文件读取
  • [ 攻防演练演示篇 ] 利用通达OA 文件上传漏洞上传webshell获取主机权限
  • [ 隧道技术 ] 反弹shell的集中常见方式(二)bash反弹shell
  • [BJDCTF2020]The mystery of ip1
  • [BZOJ 4034][HAOI2015]T2 [树链剖分]