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 相关文章推荐
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
vue实现简单计算商品价格
Sep 14 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
原生js实现自定义难度的扫雷游戏
Jan 22 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
Js 刷新框架页的代码
2010/04/13 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
js使用心得分享
2015/01/13 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Windows下搭建python开发环境详细步骤
2020/07/20 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python类的继承和多态代码详解
2017/12/27 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
PyQt5响应回车事件的方法
2019/06/25 Python
python动态文本进度条的实例代码
2020/01/22 Python
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
降消项目实施方案
2014/03/30 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
音乐教师求职信范文
2015/03/20 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
毕业实习单位意见
2015/06/04 职场文书
感恩老师主题班会
2015/08/12 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
Go语言带缓冲的通道实现
2021/04/26 Golang
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS