Java script count up timer

Question

I have a working count down timer in java script and it count down from 120 seconds to 0, now I want to change it to becomes a COUNT UP timer, try few thing still not work. could anyone help to change it to COUNT UP instead of COUNT DOWN.

Here is the code below:

<script type="text/javascript" >
var m = 0;
var s = 120;
var timer_container = document.getElementById("survey-timer");
timer_container.innerHTML = s + "." + m;

function timer() {
    if (m<=0) {
        m = 9;
        s -= 1;
    }
    if(s>=0) {
        m -= 1;
        timer_container.innerHTML = s + "." + m;
        setTimeout(timer,100);
    }
}
</script>

Do you want this :http://stackoverflow.com/questions/5517597/plain-count-up-timer-in-javascript ? — AllTooSir, Apr 29 '13 at 14:22
Could you post what you did try, then we can see if it can be fixed! — Peter Hull, Apr 29 '13 at 14:25

score 1 · Answer 1 · answered Apr 29 '13 at 14:26

You want to count up from 120 or from 0.. below one just count up from 0..

   <script type="text/javascript" >
    var m=0
    var s=0
    var timer_container=document.getElementById("survey-timer");
    timer_container.innerHTML=s+"."+m;

    function timer(){
    if (m>=9){
        m=-1;
        s+=1;
    }
    if(s>=0){
        m+=1;
        timer_container.innerHTML=s+"."+m;
        setTimeout(timer,100);
    }
    }
    </script>

Here is working example from jsfiddle

Peter Hull · Answer 2 · 2018-09-04T11:26:24.297

1

If it were me, I would do this:

var base = new Date();
var timer_container = document.getElementById("survey-timer");

timer();

function timer() {
  var now = new Date();
  // elapsed time in seconds
  var elapsed = (now - base) / 1000.0;
  timer_container.innerHTML = elapsed.toFixed(1);
  setTimeout(timer, 100);
}

<div id="survey-timer">&nbsp;</div>

Because I think the technique used in the question and in rahul's answer might 'slip' if the timeout were delayed for whatever reason.

edited Sep 04 '18 at 11:26

answered Apr 29 '13 at 14:48

Peter Hull

6,683
4
39
48

Thanks, will try your version. – user1985788 Apr 29 '13 at 14:57

Java script count up timer

2 Answers2