Turbolinks setInterval

failed_turbolinks_set_interval_1.js

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

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

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

failed_turbolinks_set_interval_2.js

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

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

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

turbolinks_set_interval.js

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

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

working_turbolinks_set_interval.js

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

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

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

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

I'm in exactly the same position and this is really useful. Just thought I'd add:

on line 12 of working_turbolinks_set_interval.js it should read:

$(document).off('page:change', clearPolling);