Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Victims of Sandy Hook

Stop the Slaughter of Innocents. Congress is bought and paid for by gun lunatics and gun promotion groups. If you want to live in a safe America, help buy Congress back for America. Send a donation to Mayors Against Illegal Guns, 909 Third Avenue, 15th Floor New York, NY 10022

Easy Java Script Timer Code

Sometimes you need something to happen after a delay, or you need something to occur repeatedly. This can be accomplished using Java Script timers. To create a single delay you would use the setTimeout method. You could then cancel the timeout with the clearTimeout method. To create a repeating event, you would use the setInterval method. You could then cancel the timer with the clearInterval method.

Single Call

timerID = setTimeout(functionName(),milliseconds)
clearTimeout(timerID)

Repeating Calls

timerID = setInterval(functionName(),milliseconds)
clearInterval(timerID)

My objective in this article is to give you the timer code without surrounding it with a lot of confusing peripheral code so you can quickly use it for your own purposes. For that reason, Ill give you examples of functions that use a timer first. Examples of how to call those functions second. And I'll show you the example function called by the timers last. Lets do a repeating event call first.

<script type="text/javascript">
var timerID;

function startTimer()
{
  timerID = window.setInterval("reverseText()", 2000);
}
</script>

Shown above is a Java Script code block containing a variable to hold the timmer's ID and a function named startTimer that executes the setInterval method, passing it the name of a function to call, reverseText(), after the time interval of 2000 milliseconds (2 seconds). The startTimer function returns the timer's ID which is saved in the variable timerID.

Whatever the reverseText() function does will be repeated every 2000 milliseconds until the clearInterval method is called. Below, I've added a function named stopTimer which calls the clearInterval method, passing it the timerID returned by the setInterval method.

<script type="text/javascript">
var timerID;

function startTimer()
{
  timerID = window.setInterval("reverseText()", 2000);
}

function stopTimer()
{
  window.clearInterval(timerID);
}
</script>

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



Web Design Sections

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2016 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268