当前位置: 首页 > 编程笔记 >

JavaScript计时器用法分析【setTimeout和clearTimeout】

孙昂然
2023-03-14
本文向大家介绍JavaScript计时器用法分析【setTimeout和clearTimeout】,包括了JavaScript计时器用法分析【setTimeout和clearTimeout】的使用技巧和注意事项,需要的朋友参考一下

本文实例分析了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);
}

PS:这里再为大家推荐几款时间及计时器相关工具供大家参考使用:

在线秒表工具:
http://tools.jb51.net/bianmin/miaobiao

Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime

在线世界各地时间查询:
http://tools.jb51.net/zhuanhuanqi/worldtime

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JavaScript setInterval()与setTimeout()计时器,包括了JavaScript setInterval()与setTimeout()计时器的使用技巧和注意事项,需要的朋友参考一下   JavaScript是单线程语言,但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码,间歇时间值是指每隔指定的时间就执行一次代

  • 本文向大家介绍JavaScript计时器示例分析,包括了JavaScript计时器示例分析的使用技巧和注意事项,需要的朋友参考一下 1.什么是JavaScript计时器? 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。 2.计时器类型 一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次 3.计时器方法 1

  • 本文向大家介绍JavaScript定时器setTimeout()和setInterval()详解,包括了JavaScript定时器setTimeout()和setInterval()详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript定时器的具体方法,供大家参考,具体内容如下 1、 超时调用setTimeout() 顾名思义,超时调用的意思就是在一段实际之后调用(

  • 本文向大家介绍JavaScript使用setTimeout实现倒计时效果,包括了JavaScript使用setTimeout实现倒计时效果的使用技巧和注意事项,需要的朋友参考一下 为了加强对JavaScript原生代码的编写能力,以及巩固setTimeout()的使用方法,制作了一个倒计时的demo,倒计时在现在的网站中算是一个常见的小功能,如果大家喜欢的话可以留下,就当作一个日常实用的小脚本。

  • 本文向大家介绍JavaScript分秒倒计时器实现方法,包括了JavaScript分秒倒计时器实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下: 一、基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态 具体效果如下图,为了说明问题,调成每50毫秒也就是每0.05跳一次表

  • 本文向大家介绍Android定时器和Handler用法实例分析,包括了Android定时器和Handler用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android定时器和Handler用法。分享给大家供大家参考。具体分析如下: 一、环境: 主机:WIN8 开发环境:Android Studio 二、定时器使用示例: 初始化: 创建定时器线程: 新建任务: 三、定时器和Ha