JavaScript计时器用法分析【setTimeout和clearTimeout】


Posted in Javascript onJanuary 18, 2017

本文实例分析了JavaScript计时器用法。分享给大家供大家参考,具体如下:

JavaScript中使用setTimeout和clearTimeout函数进行计时/停止计时的操作。

1.指定时间后执行一个动作,如3s后弹出一个对话框:

setTimeout('alert("3s")',5000);

并且,该函数可以叠加起来是用,如:

function delay_times(){
   setTimeout('document.getElementById("time_text").innerHTML = "2s"',2000);
   setTimeout('document.getElementById("time_text").innerHTML = "4s"',4000);
   setTimeout('document.getElementById("time_text").innerHTML = "6s"',6000);
}

2.实现开始计数与停止计数的例子:

var count = 0;
var myTimer;
//开始计数
function start_counter(){
   document.getElementById("time_count").innerHTML = count;
   count++;
   myTimer = setTimeout("start_counter()",1000);
}
//停止计数
function stop_counter(){
   clearTimeout(myTimer);
}
Javascript 相关文章推荐
js验证表单大全
Nov 25 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
javascript获取重复次数最多的字符
Jul 08 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
如何利用js在两个html窗口间通信
Apr 27 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 #Javascript
原生Javascript插件开发实践
Jan 18 #Javascript
js实现炫酷的左右轮播图
Jan 18 #Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 #Javascript
工厂模式在JS中的实践
Jan 18 #Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 #Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 #Javascript
You might like
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
php访问数组最后一个元素的函数end()用法
2015/03/18 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
JavaScript中的比较操作符>、=、
2014/12/31 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
跟老齐学Python之用while来循环
2014/10/02 Python
pandas中去除指定字符的实例
2018/05/18 Python
python中实现控制小数点位数的方法
2019/01/24 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
酒店仓管员岗位职责
2014/04/28 职场文书
工作鉴定评语
2014/05/04 职场文书
教师节宣传方案
2014/05/23 职场文书
公司外出活动方案
2014/08/14 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
甲午大海战观后感
2015/06/02 职场文书
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis