JavaScript计时器设置、使用和倒计时案例的详细说明

本文阐述了JavaScript定时器的设置、使用和倒计时。分享给大家参考，如下：

1.设置计时器

定时器，适用于定期执行的任务。在物料清单的窗口对象中，有两个功能用于设置计时器

setTimeout(函数，延迟)；//设置执行这个函数的延迟多少毫秒，只执行一次，返回值是一个idsetInterval(函数，delay)；//设置始终执行函数的间隔毫米数，返回值为id。两者的区别在于setTimeout模式只执行一次，而setInterval理论可以执行无数次，直到被取消。

2.取消计时器

如上所述，当定时器打开时，将返回一个id，用于区分多个打开的定时器。当我们想要取消计时器时，我们可以使用这两种方法。

clear time out(id)；//取消setTimeout模式启动的定时器clearInterval(id)；//取消setInterval启动的计时器。3.循环调用setTimeout。

使用时，可以使用setTimeout来达到设置区间的效果。其实这让我想起了以前学安卓的Handler机制，发送延迟消息，然后在内容中发送消息。例如：

脚本var t=1；函数time(){ console . log(t)；window.setTimeout('time()'，1000)；} window.setTimeout('time()'，1000)；/script4，倒计时案例

页面上有一个按钮，显示倒计时数字。每秒换一次号，到0秒切换爆炸画面。

翻译

密码

！DOCTYPE html html head meta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge ' title/title link rel='样式表' href=' '/headsdy h1 bomb effect/h1 input type=' button ' value=' 5 '/br/img src=' http : warn . jpg '/body script//定期执行function time(){ var input=document . getelementsbyname(' input ')[0]；//获取数字vartime=parseint(输入。值)-1在按钮中；input.value=时间；//exploit操作if(time=0){ var img=document . getelementsbytagname(' img ')[0]；img . src=' boom . jpg '；//切换爆炸画面clearInterval(t1)；//clear timer } } var t1=window . set interval(' time()'，1000)；//启动计时器/脚本/html想法

其实这个例子挺简单的。首先每1秒启动一次定时器，在定时执行功能中每次得到当前倒计时数，然后减1，最后给按钮赋值。当数字小于等于0秒时，切换爆炸画面，达到爆炸效果。这个时候别忘了取消计时器。

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

希望本文对JavaScript编程有所帮助。