如何在导航/重新加载到其他页面时停止jquery功能？

Question

I have used following jquery functions to making Ajax request periodically in rails view

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

This functions works perfectly. But when I am navigating to other page by clicking back button it still running (confirmed by checking chrome developer console )

It stopped if i reload the page. How to make it stop while navigating to other pages?

edit-1

After suggestion

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

    clearInterval(interval);
});

Answer 1

setInterval is a standard javascript function that returns a number representing an interval id that can be passed to clearInterval to be cancelled.

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

    // elsewhere ...

    clearInterval(interval);
});