通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行,我们称之为计时事件。

在JavaScript中使用计时事件是很容易的,两个关键的方法是:

setTimeout()  未来的某时执行代码

clearTimeout() 取消 setTimeout()

setTimeout() 语法

var t=setTimeout('javascript语句',毫秒);

setTimeout()方法会返回某个值。在上面的语句中,值被存储在名为t的变量中,假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。

setTimeout()的第一个参数是含有JavaScript语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg()"。

第二个参数指示从当前多少毫秒起执行第一个参数。

1000毫秒=1s

无穷循环

要创建一个用于无穷循环的计时器,我们需要编写一个函数来调用其自身

eg:

<html><head>
<script type="text/javascript">
var c=0
var t
function timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}
</script>
</head><body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
</form>
</body></html>

clearTimeout()

eg:

<script type="text/javascript">
var c=0
var tfunction timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}function stopCount(){clearTimeout(t)}
</script>

JavaScript 记时(Timing)相关推荐

  1. 用JavaScript实现倒记时特效代码--Java自学网

    <html> <head> <title>距离某事时间点的倒记时特效-JAVA:http://www.javalearns.com/</title> & ...

  2. 手机验证码倒记时函数

    /*** 倒记时* @param {object} options 设置参数* @param.fresh_text {string} 倒计时结束要显示的文字,默认使用按钮最初的文字* @param.c ...

  3. Atitit.播放系统的选片服务器,包厢记时系统 的说明,教程,维护,故障排查手册p825...

    Atitit.播放系统的选片服务器,包厢记时系统 的说明,教程,维护,故障排查手册p825 1. 播放系统服务器方面的维护 2 1.1. 默认情况下,已经在系统的启动目录下增加了俩个启动项目 2 1. ...

  4. javascript运行时问题

    javascript运行时问题 我用js写了一个树状菜单,运行时浏览器失去响应,浏览器占用cpu达到60%,过了好久才弹出对话框: --------------------------- Micros ...

  5. 加载JavaScript文件时nginx报::ERR_CONTENT_LENGTH_MISMATCH错误解决

    背景 最近安装mongodb出现了一些权限问题,改了一通权限后,虽然是装上了数据库,但是起nginx的时候,本地调试网页加载JavaScript文件时微信调试器报错 ::ERR_CONTENT_LEN ...

  6. 电脑记时----千年虫

    2019独角兽企业重金招聘Python工程师标准>>> 俗话说,山中无甲子,寒暑不知年.这讲的是记时对人类的重要性.时间对于计算机来说,尤为重要.首先,它是计算机活动的心脏,提供系统 ...

  7. Atitit. 包厢记时系统 的说明,教程,维护,故障排查手册v2 pb25.doc

    Atitit. 包厢记时系统 的说明,教程,维护,故障排查手册v2 pb25.doc 1. 服务器方面的维护1 1.1. 默认情况下,已经在系统的启动目录下增加了 个启动项目1 1.2. 后台服务.保 ...

  8. javaSE (十六)Randon、System类的方法(生成随机数、主动垃圾回收、终止jvm、对程序进行记时、System自带的复制数组的方法)

    生成0到100之间的伪随机数 主动运行垃圾回收器,相当于呼喊保洁阿姨 非0就是异常终止jvm 对程序进行记时 System自带的复制数组的方法 1. 生成0到100之间的伪随机数2. 运行垃圾回收器, ...

  9. 在线秒表 - 在线计时器 - 在线记时器

    在线秒表 - 在线计时器 - 在线记时器 https://www.online-stopwatch.com/ https://www.online-stopwatch.com/chinese/ 1. ...

最新文章

  1. LeetCode实战:不同路径
  2. css面试基础知识,CSS知识点与面试题解析
  3. linux apache守护进程,Linux基础命令---httpd守护进程
  4. Android保存自定义路径的图片的一些问题
  5. java vo转map_Jython:在 Java 程序里运行 Python 代码 4.5
  6. php 两个二维数组对比,php比较两二维数组求大神指教
  7. java sdp_[java,SDP] java 7 SDP 技术/Socket Direct Protocol 2
  8. 前向星及spfa大法
  9. POJ 1095 Trees Made to Order
  10. Train Problem I(STL)基本运用stack
  11. 排序算法(天勤数据结构高分笔记)
  12. MS Office/Visio 2003 sp1 下载
  13. iOS不能显示英文音标问题
  14. python读取excel并绘制折线图
  15. 怎么开启2345加速浏览器的过滤弹窗广告
  16. spss对数据进行聚类分析(系统聚类法和k-均值聚类法)和判别分析(费歇尔和贝叶斯)。
  17. 经济基础知识(初级)【8】
  18. 机械键盘 单个按键不灵 修理
  19. Portal官网上的介绍3技术规格
  20. 智牛股_第5章_Netty+PowerDesigner

热门文章

  1. Dynamo相关下载教程分享!(附软件包和Revit使用插件Revit Lookup下载教程)
  2. 多线程(一) 线程概念及创建线程的方法
  3. 移动端APP~最新UI界面设计规范(转载)
  4. uniapp 多语言版本demo in18
  5. Odoo + 微信小程序快速搭建商城
  6. WebRTC 教程四: WebRTC聊天室设计和搭建
  7. 2019非上海生源高校应届生落户指南
  8. win8“400 bad request”能登QQ,无法上网解决办法d
  9. 疫情期间再读三体(4)——杨冬之死与“终极问题”的思考
  10. 服务端与客户端加密解密思路