Home > Article > Web Front-end > How to stop the execution of a function using JavaScript?
How to stop the execution of a function using JavaScript?
- 王林forward
- 2023-09-15 12:37:021278browse
To stop the execution of a function in JavaScript, use the clearTimeout() method. This function call clears any timers set by the setTimeout() function.
Example
You can try running the following code to learn how to use the clearTimeout() method in JavaScript.
<html>
<head>
<title>JavaScript clearTimeout() method</title>
<script>
<!--
var imgObj = null;
var animate ;
function init(){
imgObj = document.getElementById('myImage');
imgObj.style.position= 'relative';
imgObj.style.left = '0px';
}
function moveRight(){
imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
animate = setTimeout(moveRight,20); // call moveRight in 20msec
}
function stop(){
clearTimeout(animate);
imgObj.style.left = '0px';
}
window.onload = init;
//-->
</script>
</head>
<body>
<form>
<img id = "myImage" src = "/images/html.gif" / alt="How to stop the execution of a function using JavaScript?" >
<p>Click the buttons below to handle animation</p>
<input type = "button" value = "Start" onclick = "moveRight();" />
<input type = "button" value = "Stop" onclick = "stop();" />
</form>
</body>
</html>The above is the detailed content of How to stop the execution of a function using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：Set an image as a server-side image map in HTML?Next article：Set an image as a server-side image map in HTML?