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 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 Javascript
jqGrid读取选择的多行的某个属性代码
May 18 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
JQuery控制DIV的选取实现方法
Sep 18 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
May 08 Javascript
说说Vuex的getters属性的具体用法
Apr 15 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 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时间不正确的解决方法
2008/04/09 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
php去除html标记的原生函数详解
2015/01/27 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
php进程间通讯实例分析
2016/07/11 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
JS重载实现方法分析
2016/12/16 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
python妹子图简单爬虫实例
2015/07/07 Python
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
Python实现微信小程序支付功能
2019/07/25 Python
如何基于Python批量下载音乐
2019/11/11 Python
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
八项规定整改方案
2014/02/21 职场文书
爱心捐书活动总结
2014/07/05 职场文书
学生会干部任命书
2015/09/21 职场文书
保险公司增员口号
2015/12/25 职场文书
业余无线电通联Q语
2022/02/18 无线电
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android