如何在導航/重新加載到其他頁面時停止jquery功能？

Question

我已使用以下jquery函數在rails視圖中定期發出Ajax請求

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

此功能運行完美。 但是，當我通過單擊“后退”按鈕導航到其他頁面時，該頁面仍在運行（通過檢查chrome developer console確認）

如果我重新加載頁面，它停止了。 導航到其他頁面時如何使其停止？

編輯-1

建議后

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

    clearInterval(interval);
});

Answer 1

setInterval是一個標准的javascript函數，它返回一個數字，該數字表示可以傳遞給clearInterval來取消的間隔ID。

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

    // elsewhere ...

    clearInterval(interval);
});