setInterval не работает на IE, IOS и Mozilla

Question

Я пытаюсь сделать автоматическое слайд-шоу c, используя setInterval в js. В google chrome и android он отлично работает, но я не могу заставить его работать на IE, IOS и Mozilla firefox. Вот мой javascript:

/*start loop animation*/
autoplay()

function autoplay(){
setInterval(() => {
  $('#page2').trigger('click');
 }, 5000);

 setInterval(() => {
  $('#page3').trigger('click');
 }, 10000);

 setInterval(() => {
  $('#page4').trigger('click');
 }, 15000);

 setInterval(() => {
  $('#page5').trigger('click');
 }, 20000);

 setInterval(() => {
  $('#page6').trigger('click');
 }, 25000);

 setInterval(() => {
  $('#page7').trigger('click');
 }, 30000);

 setInterval(() => {
  $('#page8').trigger('click');
 }, 35000);

 setInterval(() => {
  $('#page9').trigger('click');
 }, 40000);

 setInterval(() => {
  $('#page10').trigger('click');
 }, 45000);

 setInterval(() => {
  $('#page11').trigger('click');
 }, 50000);

 setInterval(() => {
  $('#page1').trigger('click');
 }, 55000);
}

Спасибо за вашу помощь

Answer 1

Сохраните ваш код DRY. Попробуйте сделать это al oop.

var i = 0;
var pageNum = 0;
var intervalId = setInterval(function(){
   if(i === 55000){
      clearInterval(intervalId);
   }
   //increment pageNumber and trigger page change
   pageNum++;
   i += 5000
}, 5000);