Login required to edit - Edit - MDC, Firefox 1.5 for developers - MDC, User talk:Sheppy - MDC, Category:Themes - MDC, Category:XULRunner:Examples - MDC, Login required to edit - Edit - MDC, Categories - MDC, Firefox 1.5 for developers - MDC, Login required to edit - Edit - MDC, Core JavaScript 1.5 Reference:Operators:Special Operators:Conditional Operator - History - MDC

DOM:window.setInterval

From MDC

(Difference between revisions)

Revision as of 18:17, 7 July 2006

Main Page > DOM > window > setInterval

« Gecko DOM Reference

1 Summary
2 Syntax
3 Parameters
4 Example
5 Notes
6 Specification

Summary

Calls a function repeatedly, with a fixed time delay between each call to that function.

Syntax

ID = window.setInterval(funcName, delay)

Parameters

ID is a unique interval ID.
funcName is the name of the function which you want to repeatedly call.
delay is the number of milliseconds (thousandths of a second) that the setInterval() function should wait between each call to funcName.

Example

intervalID = window.setInterval("animate()", 500);

The following example will continue to call the flashtext() function once a second, untill you clear the intervalID by clicking the Stop button.

<html>
<head>
<title>setInterval/clearInterval example</title>

<script type="text/javascript">
function changeColor()
{
intervalID = window.setInterval("flashText()", 1000);
}

function flashText()
{
elem = document.getElementById("my_box");
if (elem.style.color == 'red')
  {
  elem.style.color = 'blue';
  }
else
  {
  elem.style.color = 'red';
  }
}

function stopTextColor()
{
window.clearInterval(intervalID);
}
</script>
</head>

<body onload="changeColor();">
<div id="my_box">
<p>Hello World</p>
</div>
<button onclick="stopTextColor();">Stop</button>
</body>
</html>

Notes

The interval ID is used to refer to the specific interval when it needs to be cleared. The window.setInterval function is commonly used to set a delay for functions that are executed again and again, such as animations. See also window.clearInterval.

Specification

DOM Level 0. Not part of specification.

Retrieved from "http://developer.mozilla.org/en/docs/DOM:window.setInterval"

Categories: Gecko DOM Reference

  intervalID = window.setInterval("animate()", 500);
-The following example will continue to call the flashtext() function once a second, untill you clear the <code>intervalID</code> by clicking on the Stop button.
+The following example will continue to call the flashtext() function once a second, untill you clear the <code>intervalID</code> by clicking the Stop button.
 <pre>