PHP前端开发

如何使用JavaScript停止函数的执行？

百变鹏仔 3个月前 (09-21) #HTML

文章标签如何使用

要在JavaScript中停止函数的执行，请使用clearTimeout()方法。此函数调用会清除由setTimeout()函数设置的任何定时器。

示例

您可以尝试运行以下代码，了解如何在JavaScript中使用clearTimeout()方法。

<html>   <head>      <title>JavaScript clearTimeout() method</title>      <script>         <!--            var imgObj = null;            var animate ;                       function init(){               imgObj = document.getElementById(&#39;myImage&#39;);               imgObj.style.position= &#39;relative&#39;;               imgObj.style.left = &#39;0px&#39;;            }            function moveRight(){               imgObj.style.left = parseInt(imgObj.style.left) + 10 + &#39;px&#39;;               animate = setTimeout(moveRight,20);    // call moveRight in 20msec            }            function stop(){               clearTimeout(animate);               imgObj.style.left = &#39;0px&#39;;            }            window.onload = init;         //-->      </script>   </head>   <body>      <form>         <img  id = "myImage" src = "/images/html.gif" / alt="如何使用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>

文章推荐

本站为非盈利性网站,不接受任何赞助和广告。

特别声明：本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。 | 举报邮箱：344225443@qq.com

互联网ICP备案：陕ICP备2023000799号 Copyright 2023-2024 sharedbk.com All rights reserved | (c)2008-2024 共享博客