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给input和textarea设定ie中的focus
May 29 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
jquery遍历json对象集合详解
May 18 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
vue页面加载闪烁问题的解决方法
Mar 28 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 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
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
详解Django中的权限和组以及消息
2015/07/23 Python
利用python发送和接收邮件
2016/09/27 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
python随机模块random的22种函数(小结)
2020/05/15 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
美国最大的珠宝首饰网上商城:Jewelry.com
2016/07/22 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
自荐信格式范文
2013/10/07 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
违纪检讨书2000字
2014/02/08 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
庆祝教师节标语
2014/10/09 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
党员学习新党章思想汇报
2014/10/25 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
戒赌保证书
2015/05/11 职场文书
电力安全教育培训心得体会
2016/01/11 职场文书