Question

I am trying to create a countdown using javascript. I got some code from here and modified it slighly.

<script type='text/javascript'> var c=10, t;  function timedCount() {   document.getElementById('txt').value=c;   c=c-1;   t=setInterval('timedCount()',1000); }  function stopCount() {   clearInterval(t); } </script> 

I need to call a countdown repeatedly until the user clicks on a link. It should countdown from 10 by 1 every second (10,9,8,7,6…0) until the link is clicked but it doesn’t. Can anybody help me?

EDIT: Does anyone know how to make the countdown restart once it hits 0?

Thank you in advance.

Answer 1

<script type='text/javascript'> var c=10; var t; function timedCount() {     document.getElementById('txt').value=c;     c=c-1; } function startCount() {     if (!t) t=setInterval('timedCount()',1000); } function stopCount() {     clearInterval(t);     t=null; } </script> 

Call startCount() in onload (or whatever) when you want the counter started. Note my startCount and stopCount don’t create multiple interval timers.

Also, the element with id=txt needs to be an <input> or <textarea> box for your code to work. If it’s a span, you should use document.getElementById('txt').innerHTML=c;

Finally, you might want timedCount() to stopCount() if c goes below zero. This is easy enough:

if (c <= 0) stopCount();