javascript - 如何在导航/重新加载到其他页面时停止 jquery 函数？

Question

我使用了以下jquery函数在rails View 中定期发出Ajax请求

<script>
$(function() {
    setInterval(function(){ $.get("/simulations/<%= @simulation.id %>"); }, 5000);
});

这个功能运行得很好。但是，当我通过单击后退按钮导航到其他页面时，它仍在运行(通过检查 chrome 开发者控制台 确认)

如果我重新加载页面，它就会停止。如何让它在导航到其他页面时停止？

编辑-1

建议后

<script>
$(function() {
   var interval =  setInterval(function(){ $.get("/simulations/<%= @simulation.id %>"); }, 5000);

    clearInterval(interval);
});

Answer 1

setInterval 是一个标准的 JavaScript 函数，它返回一个代表间隔 ID 的数字，该间隔 ID 可以传递给clearInterval 来取消。

<script>
$(function() {
    var interval = setInterval(function(){ $.get("/simulations/<%= @simulation.id %>"); }, 5000);

    // elsewhere ...

    clearInterval(interval);
});