Javascript with count down timer

Question

My problem is that the more I "click" on the Start time button, the faster it counts. How can I change it to normal 2 minute countdown timer? Like this: http://www.donothingfor2minutes.com/

My code:

var minute = 1; 
var second = 59; 
function time(){ 
    setInterval(starttime, 1000); 
}
function starttime(){ 
    document.getElementById("timer").innerHTML = minute +" : " + second ; 
    second--; 

    if(second == 00) { 
        minute--; 
        second = 59; 

        if (minute == 0) { 
            minute = 2; 
        } 
    }
}

try to change the 1000

kulotskie
– kulotskie

2015-08-27 08:50:47 +00:00
Commented Aug 27, 2015 at 8:50 — kulotskie
– kulotskie, Commented Aug 27, 2015 at 8:50
when you start again what is suppose to happen

Arun P Johny
– Arun P Johny

2015-08-27 08:52:29 +00:00
Commented Aug 27, 2015 at 8:52 — Arun P Johny
– Arun P Johny, Commented Aug 27, 2015 at 8:52

Xavier Campenon · Accepted Answer · 2015-08-27 08:57:40Z

4

If you want the timer to reset each time you click on the button, try resetting the interval on click:

var minute, second, timer;

function time() {
    clearInterval(timer);
    minute = 1;
    second = 59;
    timer = setInterval(updateTime, 1000);
}
function updateTime() {
    document.getElementById("timer").innerHTML = minute + " : " + second;
    second--;
    if (second == 00) {
        minute--;
        second = 59;
        if (minute == 0) {
            minute = 2;
        }
    }
}

answered Aug 27, 2015 at 8:57

Xavier Campenon

911 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Bupit · Accepted Answer · 2015-08-27 08:52:35Z

1

What's happening is that you're probably calling time() multiple times, and thereby initiating multiple setInterval calls.
One way to avoid that would be to add a flag timeStarted, which starts the timer only when it is unset:

var minute = 1;
var second = 59;
var timeStarted = false;

function time() {
  if(!timeStarted) {
      timeStarted = true;
      setInterval(starttime, 1000);
  }
}

function starttime() {
  document.getElementById("timer").innerHTML = minute + " : " + second;
  second--;
  if (second == 00) {
    minute--;
    second = 59;
    if (minute == 0) {
      minute = 2;
    }
  }
}

answered Aug 27, 2015 at 8:52

John Bupit

10.7k10 gold badges45 silver badges79 bronze badges

Collectives™ on Stack Overflow

Javascript with count down timer

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related