setInterval method

Evaluates an expression each time a specified number of milliseconds has elapsed.

Syntax

Parameters

expression [in]

Type: Variant

Variant that specifies a function pointer or string that indicates the code to be executed when the specified interval has elapsed.

msec [in]

Type: Integer

Integer that specifies the number of milliseconds.

language [in, optional]

Type: Variant

String that specifies any one of the possible values for the LANGUAGE attribute.

Return value

Type: Integer

Integer. Returns an identifier that cancels the timer with the clearInterval method.

Standards information

There are no standards that apply here.

Remarks

The setInterval method continuously evaluates the specified expression until the timer is removed with the clearInterval method.

To pass a function as a string, be sure to append the function name with parentheses.

window.setInterval("someFunction()", 5000);

When passing a function pointer, do not include the parentheses.

window.setInterval(someFunction, 5000);

When you use the setInterval method with Introduction to DHTML Behaviors, the value of expression should be a function pointer to call a function within the HTML Component (HTC) file or a string to call a function in the primary document.

In versions earlier than Microsoft Internet Explorer 5, the first argument of setInterval must be a string. Evaluation of the string is deferred until the specified interval elapses.

As of Internet Explorer 5, the first argument of setInterval can be passed as a string or as a function pointer.

Examples

This example uses the setInterval method to create a DHTML clock. A variable is assigned to the interval, and can be used as a reference to stop the interval by using the clearInterval method.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/setInterval.htm

var oInterval = "";
function fnStartClock(){
   oInterval = setInterval(fnDoClock,200);
}
function fnDoClock(){
   // Code to display hours, minutes, and seconds.
}
window.onload = fnStartClock; 

The next example demonstrates how to pass arguments to a function with setTimeout or setInterval. To do this, create an inner anonymous function to wrap the real callback function. In the new function scope, you can refer to variables declared prior to the call to setTimeout (such as div). This structure is referred to as a "closure" in JScript

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/setInterval2.htm

// The first example of a closure passes the variable to a named function.
function startTimer() {
    var div = document.getElementById('currentTime');
    setTimeout(function(){doClock(div)},200);
}
// The second example also uses a closure, by referring to an argument passed to the function.
function doClock(obj) {
    setInterval(function(){obj.innerHTML=(new Date()).toLocaleString()},200);
} 

This example demonstrates that more than one closure can refer to the same variable. Here, the callback function that displays the value of count is called at a different interval than the function that updates its value.

function startCounter() {
    var div = document.getElementById('counter');
    var count = 0;
    setInterval(function(){count++},143);
    setInterval(function(){div.innerHTML=count},667);
} 

See also

window

Reference

clearInterval

requestAnimationFrame

setTimeout

setImmediate