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 相关文章推荐
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 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中stream(流)的用法
2014/03/25 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
PDO::errorCode讲解
2019/01/28 PHP
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
2015/12/29 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
node.js实现快速截图
2016/08/27 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
Python 从attribute到property详解
2020/03/05 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
如何理解Python中包的引入
2020/05/29 Python
学年末自我鉴定
2014/01/21 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
校园安全标语
2014/06/07 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang