使用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可以随时停止计时。

JavaScript使用setTimeout()函数实现延时执行示例:

延迟切换tab

需求:页面上有几个tab,切换tab的时候,会对某个特定区域的数据进行拉取更新。

弊端:用户从第一个tab切换一直快速切到尾,就会产生n个ajax请求。其实用户只是需要看到最后一个tab的数据。var changeTab = function(){

var timeId = 0;

return function(tabId){

if(timeId){

clearTimeout(timeId);

timeId=0;

}

setTimeout(function(){

//ajax do something

},500);

};

}();

html 怎么设置延时,javascript如何设置延时执行?相关推荐

  1. ffmpeg ffplay播放延时大问题:播放延时参数设置

    本文转自:http://blog.csdn.net/cai6811376/article/details/52637158 使用ffplay播放视频源时,rtsp/rtmp等,会有一定的延时,这里我们 ...

  2. C语言的延时程序怎么改,C语言延时子程序准确设置

    在给单片机写程序的时候往往需要一个微秒或者毫秒的延时子程序,但是C语言不同于汇编,很难根据语句确定准确的延时时间,经过各种查资料得到一种简单实用的方法:通过keil下断点调试确定时间. 就是编写一个延 ...

  3. C语言延时子程序准确设置

    C语言延时子程序准确设置 (51hei.com) 文章转载自:http://www.51hei.com/mcu/3745.html 推荐这个网站:http://www.51hei.com/  单片机教 ...

  4. c语言定时延时子程序,C语言延时子程序准确设置

    在给单片机写程序的时候往往需要一个微秒或者毫秒的延时子程序,但是C语言不同于汇编,很难根据语句确定准确的延时时间,经过各种查资料得到一种简单实用的方法:通过keil下断点调试确定时间. 就是编写一个延 ...

  5. html倒计时timer,JavaScript定时器设置、使用与倒计时案例详解

    本文实例讲述了JavaScript定时器设置.使用与倒计时案例.分享给大家供大家参考,具体如下: 1.设置定时器 定时器,适用于定时执行的任务中.在BOM的window对象中,有这样的两个函数是用于设 ...

  6. Chrome 中的 JavaScript 断点设置和调试技巧

    你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用 ...

  7. JavaScript实现设置或清除数字指定偏移量上的位setBit算法(附完整源码)

    JavaScript实现设置或清除数字指定偏移量上的位setBit算法(附完整源码) setBit.js完整源代码 setBit.js完整源代码 /*** @param {number} number ...

  8. 高德地图Javascript API设置域名白名单

    高德地图Javascript API设置域名白名单 原文: 高德地图Javascript API设置域名白名单 在涉及到GPS地图相关应用的开发过程中,我们需要在高德开放平台注册相应的账号,并设置好相 ...

  9. java 文本框只读_[Java教程]javascript脚本设置输入框只读的问题

    [Java教程]javascript脚本设置输入框只读的问题 0 2014-04-24 18:00:04 今天在开发中准备通过javascript设置input框只读属性的时候,用document.g ...

最新文章

  1. 自己写的Python数据库连接类和sql语句拼接方法
  2. ASP.NET.4.5.1+MVC5.0系统角色和权限讲解
  3. matlab mle pci为nan,matlab - 使用mle()估计自定义分布的参数 - 堆栈内存溢出
  4. webpack流程图
  5. Cocos2d-js学习--helloword
  6. 【.NET Core 跨平台 GUI 开发】第二篇:Gtk# 布局入门,初识HBox 和 VBox
  7. Python小应用1 - 抓取网页中的链接地址
  8. 玩转SSRS第五篇---客户端报表
  9. Matable实现利用互相关函数求相位差
  10. 多媒体计算机教室的使用与管理,多媒体教室计算机管理论文
  11. 部署企业级项目管理系统(蝉道)
  12. yapi 权限_YApi内部部署文档
  13. u盘服务器安装win7系统安装教程视频教程,小白U盘安装win7系统教程
  14. windows10去桌面图标小箭头和恢复小箭头
  15. java panel 左对齐,JPanel左对齐
  16. python爬虫———多线程threading模块爬取抖音用户信息
  17. uni-app - 苹果安卓系统监听物理返回按键(手机左滑返回监听)
  18. 兰亭集势(Lightinthebox)网站结构综合分析
  19. 多分类--dice acc计算
  20. 织梦获取当前栏目的顶级栏目名称。

热门文章

  1. 【Java 线程池 概念+深析】简单理解
  2. 两台计算机之间的直连
  3. Solr DIH上传索引操作实例
  4. 基金申请-2:期刊如何批量索引SCIE、EI、ISTP (CPCI)?
  5. 什么是CISP-PTE证书?考什么?
  6. aspose.words生成word文档(.dox、.docx等)时,生成目录后,目录中的页码和实际页码不对应,代码中更新域都没用
  7. 搭建深度学习后台服务器
  8. LaTeX会议论文添加版权信息
  9. Qt入门-文本框类QLineEdit和QTextEdit
  10. node的卸载和安装