为什么我无法控制setinterval和clearinterval javascript？

Question

当测试代码时，将通过不单击来设置setinterval ，当我单击<div onclick="clear()">CLEAR</div>它也不clearinterval 。

单击<div onclick="test_fn()">TEST</div>如何设置setinterval，单击<div onclick="clear()">CLEAR</div>间隔

 <div onclick="test_fn()">TEST</div> <script> var xxx = null; xxx = window.setInterval(function test_fn(){ test_xxx(); }, 5000); function test_xxx(){ alert("123456789"); } </script> <br> <div onclick="clear()">CLEAR</div> <script>function clear(){ window.clearInterval(xxx); } </script> 

Answer 1

• 将setInterval()的逻辑放在onclick处理程序中，而不是放在其外部。

• 还要将clear()更改为任何其他名称。 当您调用document.clear（）而不是您的函数时。 “清除”是Javascript中的保留字吗？

• 您可以使用ES6的胖箭头语法=>将回调函数传递给setInterval() 。

 <div onclick="test_fn()">TEST</div> <br> <div onclick="clear_fn()">CLEAR</div> <script> var xxx = null; function test_fn(){ alert('clicked'); xxx = window.setInterval(() => { test_xxx(); }, 5000); } function clear_fn(){ alert('cleared') window.clearInterval(xxx); } function test_xxx(){ alert("123456789"); } </script>