jQuery show setTimeout timer

Question

I'm trying to build a simple countdown application. Is it possible to show the timer value on setTimeout, or would I have to use a for loop?

Thanks!

`setTimeout` is the way to go. Example: http://stackoverflow.com/questions/2835087/countdown-timer — Felix Kling, Jul 27 '12 at 18:01
@Rocketeer: Are you asking how to display the current time? Please be more specific? — SLaks, Jul 27 '12 at 18:02
You'd set the content of an element to current countdown value. — Felix Kling, Jul 27 '12 at 18:03
Yeah, current time remaining on the timer. I would have to use some variant of increment function? — sophistry, Jul 27 '12 at 18:04

mgraph · Accepted Answer · 2016-04-14T08:42:54.483

22

with setTimeout :

var n = 100;
setTimeout(countDown,1000);

function countDown(){
   n--;
   if(n > 0){
      setTimeout(countDown,1000);
   }
   console.log(n);
}

or using setInterval :

var n = 100;
var tm = setInterval(countDown,1000);

function countDown(){
   n--;
   if(n == 0){
      clearInterval(tm);
   }
   console.log(n);
}

edited Apr 14 '16 at 08:42

answered Jul 27 '12 at 18:02

mgraph

15,238
4
41
75

Wouldn't this be possible with setTimeout also? – sophistry Jul 27 '12 at 18:04
1

setInterval is more reliable because it will fire every second regardless of how much time it takes to process the function. see http://stackoverflow.com/questions/729921/settimeout-or-setinterval – jbabey Jul 27 '12 at 18:15
please take that alert out, it hurts ! – thatOneGuy Apr 13 '16 at 21:59
@mgraph, I believe you forgot add return statement in if right after `setTimeout(countDown,1000);` for setTImeout variant – Maksim Kostromin May 09 '18 at 01:16

score -1 · Answer 2 · answered Jul 27 '12 at 18:06

<script>
var timer = setInterval("mytimer()",1000);
seconds = 0;
function mytimer()
{
document.getElementById("div_timer").innerHTML = seconds; // this is the same as $("div_timer").html(timer) in       jquery.
seconds++;
} 

 </script>
    <body>
      <div id="div_timer"></div>
       </body>

jQuery show setTimeout timer

2 Answers2

Linked