Stack3web
diff --git a/‎20-Drawing-Animations/01-timer/index.js‎
Lines changed: 7 additions & 4 deletions b/‎20-Drawing-Animations/01-timer/index.js‎
Lines changed: 7 additions & 4 deletions
diff --git a/‎20-Drawing-Animations/README.md‎
Lines changed: 17 additions & 1 deletion b/‎20-Drawing-Animations/README.md‎
Lines changed: 17 additions & 1 deletion
@@ -21,7 +21,7 @@ class Timer {
     this.tick()
     // const timer = setInterval(this.tick, 1000)
     this.interval = setInterval(this.tick, 1000)
-    console.log(timer);
+    console.log(timer)
     // function that is built into the browser
     // clearInterval(timer)
   }
@@ -32,7 +32,11 @@ class Timer {
 
   tick = () => {
     console.log('tick')
-    this.timeRemaining = this.timeRemaining - 1
+    if (this.timeRemaining <= 0) {
+      this.pause()
+    } else {
+      this.timeRemaining = this.timeRemaining - 1
+    }
   }
 
   get timeRemaining() {
@@ -52,10 +56,9 @@ const pauseButton = document.querySelector('#pause')
 const timer = new Timer(durationInput, startButton, pauseButton)
 // timer.start()
 
-
 // version 1
 // tick = () => {
 //   console.log('tick')
 //   const timeRemaining = parseFloat(this.durationInput.value)
 //   this.durationInput.value = timeRemaining - 1
-// }
+// }
@@ -120,4 +120,20 @@ class Timer {
   setTime() {
     return this.durationInput = time
   }
-```
+```
+
+```javascript
+  tick = () => {
+    console.log('tick')
+    this.timeRemaining = this.timeRemaining - 1
+  }
+
+  get timeRemaining() {
+    return parseFloat(this.durationInput.value)
+  }
+
+  set timeRemaining(time) {
+    this.durationInput.value = time
+  }
+```
+## 6. 14 Stopping the Timer