JavaScript 函数 clearTimeout() 的作用是什么?
如果你使用 setTimeout() 函数设置了一个时间,那么可以使用 JavaScript 的 clearTimeout() 函数清除它。
示例
你可以尝试运行以下代码,了解如何在 JavaScript 中实现 clearTimeout() 函数:
<html> <head> <title>JavaScript Animation</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" /> <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>
广告