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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
通用JS事件写法实现代码
Jan 07 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
Nov 28 Javascript
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
May 21 Javascript
js实现缓动动画
Nov 25 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
投票管理程序
2006/10/09 PHP
PHP file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
python对XML文件的操作实现代码
2020/03/27 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
公务员个人自我评价分享
2013/11/06 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
党的群众路线调研报告
2014/11/03 职场文书
2014年信访工作总结
2014/11/17 职场文书
幼儿园开学通知
2015/04/24 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android