基本信息

---

下载

文档摘要

---

微信小程序开发

北方工业大学

案例

计时器

案例描述

设计一个实现倒计时功能的小程序，小程序运行

后，首先显示空白界面，过2秒后才显示计时界面，

点击“开始计时”按钮后开始倒计时，点击“停止

计时”按钮后停止计时。

实现效果

手机录屏

案例实现

电脑录屏

知识要点

本案例使用了JavaScript中的4个函数：

setTimeout()setInterval()

clearTimeout()clearInterval()

setTimeout()

?函数numbersetTimeout(functioncallback,

numberdelay,anyrest)。设定一个计时器，

在计时到期以后执行注册的回调函数。

clearTimeout()

?函数clearTimeout(numbertimeoutID)。取消由

setTimeout设置的计时器。参数timeoutID为

要取消的计时器的ID。

setInterval()

?函数numbersetInterval(functioncallback,numberdelay,

anyrest)。设定一个计时器，按照指定的周期（以

毫秒计）来执行注册的回调函数。

clearInterval()

?函数clearInterval(numberintervalID)。取消

由setInterval设置的计时器。参数

intervalID为要取消的计时器的ID。

案例

总结

本案例主要演示了

?setTimeout()的使用方法

?clearTimeout()的使用方法

?setInterval()的使用方法

?clearInterval()的使用方法