How to stop timer after ten seconds in javascript using setInterval and clearInterval?

javascript timer settimeout setinterval clearinterval
Formula 1 picture Formula 1 · Sep 10, 2013 · Viewed 19.3k times · Source

I was wondering how can I stop a timer after ten seconds in javascript using setInterval and clearInterval?? Here's my code example, could you please tell me where I'm going wrong:

<!DOCTYPE html>
<html>
<head>
<script>

var tt=setInterval(function(){startTime()},1000);


function startTime()
{
  var today = new Date();
  var h=today.getHours();
  var m=today.getMinutes();
  var s=today.getSeconds();
  // add a zero in front of numbers<10
  m=checkTime(m);
  s=checkTime(s);
  today=checkTime(today);
  document.getElementById('txt').innerHTML=s;

}

function checkTime(tt)
{
if (tt==10)
  {
    tt="0" + tt;
    console.log(tt);
    clearInterval(tt);
  }
return tt;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

Answer

Tomzan picture Tomzan · Sep 10, 2013

you can set timeout on clear like this right after you set the interval: 

var tt = setInterval(function(){ startTime() }, 1000);
setTimeout(function() { clearInterval(tt); }, 10000);

Related questions

What is the equivalent of javascript setTimeout in Java?

I need to implement a function to run after 60 seconds of clicking a button. Please help, I used the Timer class, but I think that that is not the best way.

Read More
setTimeout / clearTimeout problems

I try to make a page to go to the startpage after eg. 10sec of inactivity (user not clicking anywhere). I use jQuery for the rest but the set/clear in my test function are pure javascript. In my frustation …

Read More
What is minimum millisecond value of setTimeout?

I would like to put var minValue = 0; if ( typeof callback == 'function' ) { setTimeout( callback, minValue ); } this code when I implement callback function with JavaScript. But I've found that modern browsers and some old browsers have different minimum timeout value. I know …

Read More