clearInterval()仍然执行剩余代码的解决方案

//简单移动动画封装
function animate(obj, target) {obj.move = setInterval(function () {if (obj.offsetLeft >= target) {//停止动画clearInterval(obj.move); //会继续执行完move，然后再停止}obj.style.left = obj.offsetLeft + 5 + 'px'; //使用它（style.left）一定要记得给元素加定位},25)}
var div = document.querySelector('div');
animate(div, 500);

输出结果：

div本应该在 left:500px; 停止，但是实际却在505px停止。
在使用clearInterval()过程中，仍然会执行完剩余代码，再停止定时器。
可以采用return的方法解决此问题。

//简单移动动画封装
function animate(obj, target) {obj.move = setInterval(function () {if (obj.offsetLeft >= target) {//停止动画//clearInterval(obj.move); //会继续执行完move，然后再停止return;}obj.style.left = obj.offsetLeft + 5 + 'px'; //使用它（style.left）一定要记得给元素加定位},25)}
var div = document.querySelector('div');
animate(div, 500);

输出结果：

clearInterval()仍然执行剩余代码的解决方案相关推荐

热门开源CI/CD解决方案 GoCD 中曝极严重漏洞，可被用于接管服务器并执行任意代码...
聚焦源代码安全,网罗国内外最新资讯! 编译:代码卫士专栏·供应链安全数字化时代,软件无处不在.软件如同社会中的"虚拟人",已经成为支撑社会正常运转的最基本元素之一,软件的安全 ...
涨见识了，在终端执行 Python 代码的 6 种方式
作者 | BRETT CANNON 译者 | 豌豆花下猫@Python猫为了我们推出的 VS Code 的 Python 插件[1],我写了一个简单的脚本来生成变更日志[2](类似于Towncrie ...
SAP QM中阶执行事务代码QDB1,报错- Inspection severity 001 AQL 0.650 not in sampling schema A01-
SAP QM中阶执行事务代码QDB1,报错- Inspection severity 001 AQL 0.650 not in sampling schema A01- 对于sampling proc ...
SAP QM执行事务代码QE23为检验批录入结果，报错-No selected set exists for the inspection point 200 or plant NMDC-
SAP QM执行事务代码QE23为检验批录入结果,报错-No selected set exists for the inspection point 200 or plant NMDC- 检验批#8 ...
SAP MM 执行事务代码MRRL报错-No message was found for partner 100065 company code 0001-
SAP MM 执行事务代码MRRL报错-No message was found for partner 100065 company code 0001- 1, 执行事务代码MRRL 触发invoi ...
QuickTime 0day ***代码发布，可能允许执行任意代码
QuickTime 0day ***代码发布,可能允许执行任意代码仅仅在 Apple 升级播放器堵上九个严重安全漏洞之后的一个星期,一个暂无补丁的 Apple QuickTime 缺陷就于星期二被发 ...
php跳过当前后续代码,PHP用continue跳过本次循环中剩余代码的注意点
continue跳转语句用来跳过本次循环中指定条件的语句,并且继续执行其他的循环语句.下面这篇文章主要给大家介绍了关于在PHP中用continue跳过本次循环中剩余代码的一个注意点,文中的内容比较基础 ...
在终端执行 Python 代码的 6 种方法，原来还能这样！
来自 | Python猫编译 | 豌豆花下猫原作 | BRETT CANNON 为了我们推出的 VS Code 的 Python 插件[1],我写了一个简单的脚本来生成变更日志[2](类似于To ...
解决Button设置disabled后无法执行后台代码问题
一.开始调式下面的程序,发现Button在js中设置disabled后无法执行后台代码(btnsave_Click)问题 <asp:Button ID="btnsave" r ...

clearInterval()仍然执行剩余代码的解决方案

clearInterval()仍然执行剩余代码的解决方案相关推荐

最新文章

热门文章