after watched video

dwatow · dwatow · commit 183310c8b64d · 2017-04-26T12:15:50.000+08:00
diff --git a/29 Countdown Timer/README.MD b/29 Countdown Timer/README.MD
@@ -0,0 +1,21 @@
+
+倒數計時
+5分鐘
+15分鐘
+
+
+時間 和數字運算，會當成ms進行運算
+
+停止計時
+```javascript=
+const pid = setInterval()
+clearInterval(pid);
+```
+
+~~範例程式碼的`timer`視為閉包~~
+
+
+忽略預設行為
+```javascript=
+e.preventDefault();
+```
diff --git a/29 Countdown Timer/scripts.js b/29 Countdown Timer/scripts.js
@@ -1,6 +1,25 @@
 const timers = document.querySelectorAll('.timer__button');
 const show_end_time = document.querySelector('.display__end-time');
 const show_remaining_time = document.querySelector('.display__time-left');
+
+document.customForm.addEventListener('submit', function (e) {
+	e.preventDefault();
+	const sec_time = this.minutes.value * 60 * 1000;
+	const now = new Date();
+	end_time = new Date(now.getTime() + sec_time);
+
+	const diff = new Date(sec_time);
+	show_end_time.textContent = `倒數到: ${end_time.getHours()}:${end_time.getMinutes()}:${end_time.getSeconds()}`;
+
+	clearInterval(timer_pid);
+	timer_pid = setInterval(countDownTimer, 500);
+
+
+	this.reset();
+});
+
+
+
 end_time = new Date();
 
 let timer_pid;
@@ -10,7 +29,7 @@ function countDownTimer() {
 	const now = new Date();
 	const remaining_time = new Date(end_time - now);
 	show_remaining_time.textContent = `${remaining_time.getMinutes()}:${remaining_time.getSeconds()}`;
-	if(remaining_time < 0) clearInterval(timer_pid);
+	if(remaining_time <= 1) clearInterval(timer_pid);
 }
 
 function setTimer() {
