Skip to content

Instantly share code, notes, and snippets.

@MariaSzubski
Last active July 21, 2016 21:01
Show Gist options
  • Select an option

  • Save MariaSzubski/14e56eaa04da3c7db7f8 to your computer and use it in GitHub Desktop.

Select an option

Save MariaSzubski/14e56eaa04da3c7db7f8 to your computer and use it in GitHub Desktop.
One minute countdown timer with combined start/reset button.
/* Requires:
1 time container (var Timer)
1 start/reset button (var startReset)
*/
// ------------------------------------- Start & Reset Functions
function startTimer() {
sec = 59;
countdown = setInterval(currentTime, 1000);
toggle = false;
startReset.innerHTML = 'Reset';
}
function resetTimer(){
clearInterval(countdown);
toggle = true;
startReset.innerHTML = 'Start';
timer.innerHTML = "1:00";
}
// ------------------------------------- Countdown Output
function currentTime() {
switch(true){
case (sec < 10 && sec > 0):
timer.innerHTML = 0 + ':0' + sec;
break;
case (sec === 0):
timer.innerHTML = 0 + ':0' + sec;
clearInterval(countdown);
break;
default:
timer.innerHTML = 0 + ':' + sec;
break;
}
sec--;
}
// ------------------------------------- Variables
var countdown, sec;
var toggle = true;
var timer = document.getElementById('timer');
var startReset = document.getElementById('startReset');
// ------------------------------------- Start/Reset Events
startReset.onclick = function(){
switch(toggle){
case true:
startTimer();
break;
case false:
resetTimer();
break;
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment