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图片预加载示例
Apr 30 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 Javascript
JSON格式化输出
Nov 10 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
简单的三步vuex入门
May 20 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
php获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
Visual Studio中js调试的方法图解
2014/06/30 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
vue.js组件之间传递数据的方法
2017/07/10 Javascript
ReactJs实现树形结构的数据显示的组件的示例
2017/08/18 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
2017/11/21 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python备份Mysql脚本
2008/08/11 Python
python查看zip包中文件及大小的方法
2015/07/09 Python
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
python随机取list中的元素方法
2018/04/08 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
python里dict变成list实例方法
2019/06/26 Python
对Python中一维向量和一维向量转置相乘的方法详解
2019/08/26 Python
如何在python中执行另一个py文件
2020/04/30 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
批评与自我批评总结
2014/10/17 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
入门学习Go的基本语法
2021/07/07 Golang