Use window.clearInterval() to stop a timer in JavaScript
Description
The following code shows how to use window.clearInterval() to stop a timer.
Example
<html>
<head>
<script language="JavaScript1.2">
<!--<!--from ww w. java 2 s.c o m-->
var counter = 1;
function startCounter(){
document.myForm.myText.value = counter++;
}
function stopCounter(){
window.clearInterval(myInterval);
}
var myInterval = window.setInterval("startCounter()", 1000)
-->
</script>
</head>
<body onLoad="startCounter()">
<form name="myForm">
<input type=TEXT size=20 value="" name="myText">
<input type=BUTTON value="Clear Interval" onClick="stopCounter()">
</form>
</body>
</html>
The code above generates the following result.
Javascript Tutorial Timer Event
Clear the timer in JavaScript
Create a time out timer in JavaScript
Create text move animation with timer in Ja...
Fire Timer event in JavaScript
Set the timeout for the timer according to ...
Start a timer and cancel a timer in JavaScr...
Stop a time out timer in JavaScript
Use timer in JavaScript
Clear the timer in JavaScript
Create a time out timer in JavaScript
Create text move animation with timer in Ja...
Fire Timer event in JavaScript
Set the timeout for the timer according to ...
Start a timer and cancel a timer in JavaScr...
Stop a time out timer in JavaScript
Use timer in JavaScript