How to setup a timer using JavaScript. How to use a timer.
	RoadDust's JavaScript Timer Tutorial Execute code within timed intervals using JavaScript.
Execute a script after a timed delay using JavaScript.

Welcome to RoadDust's JavaScript timer tutorial. Here you will learn how to use a timer to execute a script after a certain delay or over and over at a timed interval.

How to setup a simple timer in JavaScript

Use the JavaScript "setTimeout()" function.

The following code example is a web page with a single button. When the button is pressed a message box is displayed after a two second interval.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
function delayedAlert(){
	setTimeout("alert('2 seconds!')", 2000);
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="button" VALUE="CLICK!" ONCLICK="delayedAlert()">
</BODY>
</HTML>

In the above example, the script is triggered by a button. However, if you wish to have a script executed over and over at a specific timed interval, the following example may be more relevant to you.

Setup a constant timer in the Load event.

Create a page that executes code every five seconds.

In the following code example, you will see a webpage that triggers a message box every five seconds. To do this I will setup a timed interval in the "ONLOAD" event of the webpage. This particular example is made to be simple and easy to understand.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
function timedInterval(){
	alert("5 seconds!");	
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="window.setInterval("timedInterval()", 5000)">
<INPUT TYPE="button" VALUE="CLICK!" ONCLICK="delayedAlert()">
</BODY>
</HTML>

The above JavaScript timer tutorial example would make a very annoying webpage. However, it is a basic example on how a recurring timer can be setup. The "timedInterval" function will be executed over and over every five seconds. Thank you for visiting RoadDust's JavaScript timer tutorial.