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 相关文章推荐
Javascript remove 自定义数组删除方法
Oct 20 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
javascript动态创建链接的方法
May 13 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
TypeScript Type Innference(类型判断)
Mar 10 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
php数组(array)输出的三种形式详解
2013/06/05 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
Laravel 5框架学习之日期,Mutator 和 Scope
2015/04/08 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
php实现图片缩略图的方法
2016/03/29 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
layui表格数据重载
2019/07/27 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
取numpy数组的某几行某几列方法
2018/04/03 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
装配车间主任岗位职责
2015/04/08 职场文书
送达通知书
2015/04/25 职场文书
思品教学工作总结
2015/08/10 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
分享几种python 变量合并方法
2022/03/20 Python