CHAPTER 18 · PRACTICE WORKSPACE

Timer、狀態與重複啟動排錯

可開始、暫停、重設且不會重複加速的倒數計時器

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

啟動單一 interval 並倒數到零

修改檔案:script.js

完成後看見:每秒扣一且連按不加速,零時自動停止

TASK-02已完成

完成可再次開始的暫停

修改檔案:script.js

完成後看見:暫停保留秒數,之後可繼續

TASK-03已完成

重設資料、timer 與畫面

修改檔案:script.js

完成後看見:任何狀態下都回到 10 秒與尚未開始

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

TIMER STATE LAB

專注倒數

10

尚未開始

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰

CHAPTER HANDOFF

從輪播狀態走到 Timer 生命週期

接收第 17 章:保留「資料/狀態改變 → render → DOM」的責任分工;本頁是獨立 timer 練習,不共用第 17 章 HTML。

交給第 19 章:完成後要能指出 remainingSecondstimerIdrenderTimer() 與開始/暫停/重設的生命週期;第 19 章會在獨立 FAQ 頁重用事件改狀態的讀碼方法,不重做本頁。