javascript中的定时器有两种：一种是一次性定时器，一种是可以持续使用的定时器；

1：一次性定时器setTimeout(a,b)；兼容ie的任何版本

该方法接受两个参数，第一个是要执行的代码，第二个是将要执行的时间单位是毫秒。同时该方法返回一个唯一的定时器id方便我们调用和删除该定时器。该方法是BOM的window对象的方法所以我们用的时候可以把对象省略，也就是说setTimeout('alert("aaaa")',10000);和window.setTimeout('alert("aaaa")',10000);是等效的，后面几个方法也是同理。

example:

setTimeout('alert("aaaa")',10000);

这里的函数还可以（下面setInterval(a,b) 也同理）

setTimeout('myfun()',10000);调用一个函数

setTimeout(function(){.....},10000);作为回调函数使用

1.1那么怎么删除一次性定时器呢？利用setTimeout()返回的定时器id.

clearTimeout(timer); 定时执行之前先关闭定时器，清除还没执行的的定时器

var timer=setTimeout('alert("aaaa")',100);

2: 持续使用的定时器setInterval(a,b)  我测试的是兼容IE5+

该方法和一次性定时器setTimeout(a,b)；相同，只是第二个参数不是一次性时间而是每次间隔的时间

setInterval('alert("aaaa")',100);

2.1删除持续使用的定时器，也是要利用setInterval()返回的定时器id.

var timer=setInterval('alert("aaaa")',100);
clearInterval(timer);

example:

<script type="text/javascript">
window.οnlοad=function(){ //页面内容加载完毕执行匿名函数
var div=document.getElementById("div1"); //获取div
time();  //执行time()函数
div.οnclick=function(){ //当div被点击的时候执行匿名函数里面的 claerfun()函数
claerfun();
}
}
var timer; //新建一个变量用来后面装定时器返回的id
  function time(){ //新建一个名为time函数
  timer=setInterval(fun,1000); //创建定时器每隔1000毫秒（1s）就调用fun函数一次，并把定时器id赋值给建好的变量timer。
  }
  function fun(){ 
  alert("hi");
  }
  function  claerfun(){ //新建一个名为claerfun函数
  clearInterval(timer);//删除定时器
  }
</script>

转载于:https://www.cnblogs.com/xiaominwu/p/4348080.html

javascript中的计时器相关推荐

  1. JavaScript中的计时器与定时器

    JavaScript中有一个调用函数的间隔时间的方法 setInterval()方法 setInterval(参数1,参数2) . 间隔参数2的时间执行参数1. 参数1:待执行的js代码串或调用的函数 ...

  2. 在一起计时器_如何在纯JAVASCRIPT中构建倒数计时器

    您不一定需要jQuery为您的站点添加倒数计时器.只需几行JavaScript即可创建一个可自定义的计时器,该计时器可计入预定义的日期和时间.您可以将计时器嵌入到多种页面中,例如即将推出和维护页面,电 ...

  3. 停止JavaScript中的setInterval调用

    我正在使用setInterval(fname, 10000); 在JavaScript中每10秒调用一次函数. 是否可以在某个事件中停止调用它? 我希望用户能够停止重复刷新数据. #1楼 setInt ...

  4. Javascript中for循环

    在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是: 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循 ...

  5. keras 香草编码器_完善纯香草javascript中的拖放

    keras 香草编码器 Drag-and-drop functionality is the bread and butter of a modern web UX. It's an aspect o ...

  6. php event loop,理解javascript中的事件循环(Event Loop)

    背景 在研究js的异步的实现方式的时候,发现了JavaScript 中的 macrotask 和 microtask 的概念.在查阅了一番资料之后,对其中的执行机制有所了解,下面整理出来,希望可以帮助 ...

  7. java中的console是干什么的_[Java教程]javascript中，你真的会用console吗？

    [Java教程]javascript中,你真的会用console吗? 0 2015-08-11 17:00:09 使用console进行性能测试和计算代码运行时间 对于前端开发人员,在开发过程中经常需 ...

  8. JavaScript 中的垃圾回收和内存泄露如何处理？| 技术头条

    作者 | 浪里行舟 责编 | 郭芮 程序的运行需要内存.只要程序提出要求,操作系统或者运行时就必须供给内存.所谓的内存泄漏简单来说是不再用到的内存,没有及时释放.为了更好避免内存泄漏,我们先介绍Jav ...

  9. JavaScript 中的函数式编程实践

    为什么80%的码农都做不了架构师?>>>    基础知识 函数式编程简介 说到函数式编程,人们的第一印象往往是其学院派,晦涩难懂,大概只有那些蓬头散发,不修边幅,甚至有些神经质的大学 ...

  10. 在JavaScript中解析查询字符串[重复]

    本文翻译自:Parse query string in JavaScript [duplicate] Possible Duplicate: 可能重复: How can I get query str ...

最新文章

  1. ubuntu中pycharm配置opencv2环境
  2. python-数据结构-栈
  3. 【flume】flume读取web应用某个文件夹下日志到hdfs
  4. 开源的无客户端桌面远程网关 Apache Guacamole 被曝多个严重漏洞，可导致 RCE
  5. struts2.3+spring3.2+hibernate4.2例子
  6. linux 扩lv文件系统,Linux LVM系列（五）lv xfs文件系统在线扩容
  7. 20145237 Exp2 后门原理与实践
  8. Netty 长连接服务
  9. K-近邻算法学习总结
  10. docker 启动 redis cluster，使用出现CLUSTERDOWN Hash slot not served（redis cluster重新分配slot）
  11. 基于 DirectShow 实现 SourceFilter 常见问题分析
  12. 肥猫学习笔记---C语言数据结构与算法（一）-----栈
  13. Qt Style Sheets(QSS)参考
  14. 聚划算导航栏的反弹效果代码 纯原生js实现
  15. 视频聊天网站的技术与发展
  16. 1.莫尔斯编码和布莱叶盲文
  17. 启动远程计算机的屏保,远程桌面能使用屏幕保护吗
  18. Azure-900【定义云模型】
  19. 国内最具权威性的广告管理系统——知客CRM传媒版
  20. 响铃：DR钻戒神曲有毒？谁才是品牌借势的解药？

热门文章

  1. 【Nature论文浅析】基于模型的AlphaGo Zero
  2. ubuntu16.04下ROS操作系统学习笔记（八）机器人SLAM与 Gmapping-Hector_slam-Cartographer--ORB_SLAM
  3. 软件类配置(五)【强化学习算法框架-Ubuntu16.04安装谷歌Dopamine及初步测试】
  4. LibMeshEquationSystem 类接口
  5. php查找之二分查找
  6. JavaScript(第二十二天)【动态加载js和css】
  7. Android获取前台进程的方法
  8. 这3分钟的习惯改变了我的生活
  9. 微信小程序------媒体组件（视频，音乐，图片）
  10. 获取应用程序根目录物理路径（Web and Windows）