WebApi入门第十一章（定时器作用及语法）

• 2.如果你想让这个代码每隔一段时间执行一次（执行多次），使用setInterval

倒计时秒杀小案例

========

效果图

---

基本结构样式

---

01

:

01

:

15

思路分析

---

思路分析

1. 获取元素：#spanHour,#spanMin,#spanSec

2. 每隔1000ms，代码执行：定时器 let timeId = setInterval()

2.1 获取时分秒的具体数据：字符串，转成数字：parseInt()

2.2 秒数-1

2.3 判定：秒数如果小于 0

2.3.1 重置描述为59

2.3.2 分-1

2.4 判定：分数如果小于 0

2.4.1 分数重置为 59

2.4.2 时-1

2.5 数据加工：补充前导0（不改变大小，保持2位宽度）

2.6 数据写回页面给用户看

2.7 判定：所有数据是否都为0：为0 结束：开始秒杀

完整代码

---

01

:

01

:

15