JavaScript的计时器
(作者:老薛,撰写时间:2019年6月4日)
在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
计时器类型:
一次性计时器:仅在指定的延迟时间之后触发一次。
间隔性触发计时器:每隔一定的时间间隔就触发一次。
下面这张截图1是方法与描述:
图1
接下来我说到计时器setInterval()。setInterval()这个方法是在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间)。
参数说明:1. 代码:要调用的函数或要执行的代码串。2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
然后是返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。还有一个是调用函数格式(假设有一个clock()函数):
setInterval("clock()",1000)或setInterval(clock,1000)。
获取当前的日期时间 格式“2019-06-05 21:03:41” 也就是我们的下面这张截图2:
图2
然后我们还有一个方法:计时器setTimeout()。这个setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法是setTimeout(代码,延迟时间)。参数说明也是跟计时器setInterval()一样的。也就是下面图3:
图3
接下来也就是取消计时器clearInterval()。clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法:clearInterval(id_of_setInterval)。而参数说明:1.id_of_setInterval:由 setInterval() 返回的 ID 值。
2.每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时。
这样我就完成了。