在前端开发过程中，我们会经常使用JSFiddle来进行代码演示、调试和分享。然而，有时候我们在JSFiddle上编写的代码会出现无限循环执行的情况，这不仅会占用计算机资源，还可能对页面性能造成影响。本文将介绍JSFiddle无限循环执行的原因以及如何取消它。
为什么会出现无限循环执行？
在JSFiddle中，我们经常会使用setInterval()和setTimeout()等定时器函数来实现某些功能，比如轮播图、倒计时等。然而，如果我们在使用定时器时没有注意好参数的设置，就很容易出现无限循环执行的情况。
具体来说，如果我们在使用setInterval()或setTimeout()时，把第一个参数传入一个永远返回true的函数，那么就会出现无限循环执行的情况，例如下面的代码：
---------------------- -
----------- -
-- -- ---------
-
-- ------在上面的代码中，setInterval()的第一个参数是一个永远返回true的函数，在函数内部使用了一个无限循环语句while(true)，这就导致了代码的无限循环执行。
如何取消无限循环执行？
如果我们在JSFiddle中出现了无限循环执行的情况，该怎么办呢？下面是一些解决方法：
1. 关闭浏览器窗口
最简单的方法就是关闭浏览器窗口，这样就可以停止代码的执行。虽然这种方法比较粗暴，但是如果代码已经陷入无限循环的情况下，可能是唯一可行的方法。
2. 停止定时器
如果我们知道哪个定时器导致了无限循环执行，那么可以使用clearInterval()或clearTimeout()函数来停止它。例如下面的代码：
--- ----- - ---------------------- -
----------- -
-- -- ---------
-
-- ------
-- -----
---------------------在上面的代码中，我们定义了一个名为timer的定时器变量，然后在代码的某个位置使用clearInterval()函数来停止它。
3. 修改代码
最彻底的方法就是修改JSFiddle中的代码，把导致无限循环执行的部分删除或者修正。例如下面的代码：
---------------------- -
--- - - --
------- - --- -
-- -- ---------
----
-
-- ------在上面的代码中，我们把原来的无限循环语句while(true)改成了一个有限循环语句while(i < 10)，这样就可以避免出现无限循环执行的情况。
总结
本文介绍了JSFiddle无限循环执行的原因以及如何取消它。如果我们在JSFiddle中遇到了无限循环执行的问题，可以使用上述方法来解决。同时，在编写代码时，一定要注意好定时器函数的参数设置，以避免无意中陷入无限循环的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/13999