Guest User

Untitled

a guest
Jan 21st, 2019
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.04 KB | None | 0 0
  1. let seconds;
  2. let timer;
  3. let isRunning = false;
  4. function start(){
  5. isRunning = !isRunning;
  6. if(isRunning == true) {
  7. seconds = document.getElementById("input").value;
  8. document.getElementById('count-down').innerHTML = seconds;
  9. timer = setInterval(check, 1000);
  10. } else {
  11. pause();
  12. }
  13. };
  14. function pause () {
  15. clearInterval(timer);
  16. timer = null;
  17. }
  18. function check() {
  19. if(seconds <= 0 ) {
  20. clearInterval(timer);
  21. document.getElementById('body').style.backgroundColor = "#80bfff";
  22. } else {
  23. seconds--;
  24. document.getElementById('count-down').innerHTML = seconds;
  25. }
  26. };
  27. </script>
  28. <div id = "timer">
  29. <div id="header">
  30. <p>Timer</p>
  31. </div>
  32. <div id="body">
  33. <p id="count-down"></p>
  34. <p class="inline">Enter time(in seconds)</p>
  35. <input class="inline" type="text" id="input">
  36. <button type="button" onclick="start()">Start</button>
  37. </div>
  38. </div>
Add Comment
Please, Sign In to add comment