GitBook: [master] one page modified

Author: Jim Lyst

docs/advanced/code-mod-examples/add-a-question-timer-with-pause-button.md

@@ -21,6 +21,7 @@ Add the following HTML element insider your question screen section--possibly at
 Add the code shown below to your `displayQuestion ( )` function inside the curly braces `{ }` of the function's code block. The Javascript function called `setInterval` runs a block of code at a set interval. In this example, we run a block of code every 100 milliseconds that allows us to update the countdown timer accurately. If the timer reaches zero, it triggers an incorrect answer using `trivia.triggerAnswer(false)`. Notice that you can adjust the time limit by changing the `timeLimit` variable.
 
 ```javascript
+  $("#pause-game").show(); //in case it was hidden
   $("#pause-game").html("Pause");
   var timeLimit = 10;
   var startTime = Date.now();
@@ -56,6 +57,12 @@ function togglePause() {
 }
 ```
 
+Add the following line to the top \(but inside the curly braces\) of your `onClickedAnswer` function. This will hide the pause button after an answer is clicked. It probably doesn't make sense to have that button showing after the answer is clicked.
+
+```javascript
+$("#pause-game").hide();
+```
+
 ### CSS
 
 Below is an example of some basic CSS properties you could apply in your stylesheet. Adjust as needed.