Turbolinks setInterval

failed_turbolinks_set_interval_1.js

$(document).on('turbolinks:load', function() {
  var $productContainer = $('#product-container');

  if ($productContainer.length) {
    setInterval(fetchProducts, 500);
  }

  function fetchProduct() {
    // some ajax code
  }
});

failed_turbolinks_set_interval_2.js

$(document).on('turbolinks:load', function() {
  var $productContainer = $('#product-container');
  var productPolling;

  if ($productContainer.length) {
    productPolling = setInterval(fetchProducts, 500);
    $(document).on('turbolinks:load', function() {
      clearInterval(productPolling);
    });
  }

  function fetchProduct() {
    // some ajax code
  }
});

turbolinks_set_interval.js

function turbolinksSetInterval(intervalFunction, seconds) {
  var interval = setInterval(intervalFunction, seconds);
  $(document).on('turbolinks:load', removeInterval);

  function removeInterval() {
    clearInterval(interval);
    $(document).off('page:change', removeInterval);
  }
}

working_turbolinks_set_interval.js

$(document).on('turbolinks:load', function() {
  var $productContainer = $('#product-container');
  var productPolling;

  if ($productContainer.length) {
    productPolling = setInterval(fetchProducts, 500);
    $(document).on('turbolinks:load', clearPolling);
  }

  function clearPolling() {
    clearInterval(productPolling);
    $(document).off('turbolinks:load', clearPolling);
  }

  function fetchProduct() {
    // some ajax code
  }
});