一次性计时器和间隔性计时器的实现

开发工具与关键技术：Visual Studio JavaScript   作者：Li Mingrun   撰写时间：2019年5月5日

胜负输赢是需要在这时间段来完成的。那么谁完成的时间快的就可以获得胜利，那就要通过
记录时间来判断输赢了，这就涉及到计时的问题，一天24小时也涉及计时的问题。
在现实可以通过手表，时钟，手机，电脑等来计时，但是手机和电脑中的软件计时是通过什么
来实现的呢。
是编程语言。
很多编程语言的可以实现计时的效果，我们就说一下JavaScript中的计时。
在JavaScript中，我们可以通过在设定的时间间隔之后来执行代码，而不是在函数被调用后就立刻
执行代码。
JavaScript中的计时器类型大概有两种：
（1）：一次性计时器：仅仅在指定的延迟时间间隔后触发一次。仅仅执行一次。
设置和取消一次性计时器的方法

方法	描述
setTimeout()	指定的延迟时间之后来执行代码
clearTimeout()	取消setTimeout的设置

（2）：间隔性计时器：每隔一定的时间间隔就触发一次。
设置和取消间隔计时器的方法

方法	描述
setInterval()	在每隔指定的时间执行代码
clearTimeout()	取消setInterval的设置

HTML代码：

一次性计时器的设置和取消：
计时器setTimeout()
setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
setTimeout(代码,延迟时间);
参数说明：
1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
clearTimeout(id_of_setTimeout)
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

解析：点击sayHello按钮3秒后提示hello

间隔性计时器的设置和取消：
计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。
语法:setInterval(代码,交互时间);
参数说明：
1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
setInterval(“clock()”,1000) 或 setInterval(clock,1000)

取消计时器clearInterval()
learInterval() 方法可取消由 setInterval() 设置的交互时间。
语法：clearInterval(id_of_setInterval)
参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时

可开始和停止的计时：

一次性计时器和间隔性计时器的实现相关推荐

setInterval () 间隔性定时器
开发工具与关键技术: DW/js 作者:梁水秀撰写时间:2022/3/27 js定时器间隔性定时器setInterval () : 每隔一定的时间就触发一次计时器setInterval():在执 ...
YII2 save 和 insert 循环保存数据,出现间隔性丢失值 (这些值是共有相同的值) 解决: // 每次保存需要用 clone 不能使用直接用一个实例化的model....
YII2 save 和 insert 循环保存数据,出现间隔性丢失值 (这些值是共有相同的值) 解决: // 每次保存需要用 clone 不能使用直接用一个实例化的model. $_model ...
ping 丢包网络摄像头_ping外网丢包间隔性断网的检查方法
今天,一位网友在QQ加我,说他的网络间隔性断网,并且网速很慢,不知道怎么办,问我怎样检查.我当时正好闲着,于是便充当了一次"电信客服"的角色. 如下是我们的QQ对话内容. ￡隐=? ...
python写一个计时器_Python 实现一个计时器
问题你想记录程序执行多个任务所花费的时间解决方案 time 模块包含很多函数来执行跟时间有关的函数. 尽管如此,通常我们会在此基础之上构造一个更高级的接口来模拟一个计时器.例如: import t ...
android 倒计时动画下载,倒计时器app下载-倒计时器安卓最新版-幻想游戏网
倒计时器app还有二次元的壁纸,相信你已经迫不及待了,等你来发掘,提供倒计时功能,需要的用户欢迎来本站点击下载. 倒计时器功能动画效果: 界面采用动画主题效果,增加生动的气息可自定义小组件背景,自 ...
html5script计时器,javascript实现秒表计时器的制作方法
本文实例为大家分享了js秒表计时器的制作代码,供大家参考,具体内容如下具体代码: Document div{margin-top:40px;margin-left:25px;margin-botto ...
java秒表计时器_Java实现的计时器【秒表】功能示例
本文实例讲述了Java实现的计时器[秒表]功能.分享给大家供大家参考,具体如下: 应用名称:Java计时器用到的知识:Java GUI编程开发环境:win8+eclipse+jdk1.8 功能说明 ...
html情侣计时器,手机桌面恋爱计时器
手机桌面恋爱计时器可以时时刻刻记录你们相爱几时几分,在一起的日子每一秒都值得怀念,吵架的时候每一秒都是那么伤心,你的恋爱助手帮你仔细维护好这段感情,因为所有真挚的感情都值得用心对待,因为你感谢上天让你 ...
java计时器_Java实现的计时器【秒表】功能示例
本文实例讲述了Java实现的计时器[秒表]功能.分享给大家供大家参考,具体如下: 应用名称:Java计时器用到的知识:Java GUI编程开发环境:win8+eclipse+jdk1.8 功能说明 ...
android 毫秒计时器,Android时分秒计时器的两种实现方法
可能我们在开发中会时常用到计时器这玩意儿,比如在录像的时候,我们可能需要在右上角显示一个计时器.这个东西其实实现起来非常简单. 只需要用一个控件Chronometer,是的,就这么简单,我都不好意思讲 ...

一次性计时器和间隔性计时器的实现

一次性计时器和间隔性计时器的实现相关推荐

最新文章

热门文章