Как включить setInterval после выполнения другого setInterval?

Question

[Alexey10]

Ребят, всем привет.
Такая проблема:
Есть два таймера (setInterval). Мне нужно, чтобы они выполнялись один за другим. То есть, через 4 секунды сработал первый таймер, и только после этих 4 секунд, срабатывал другой таймер. Если первый таймер не сработал, то и второй тоже, так как второй должен включаться только после 4 секунд первого таймера. Помогите пожалуйста, а то мучаюсь пол дня, в интернете ничего нормального не смог найти)))
Всем большое спасибо за помощь.

var timer1;
var timer2;


function timer1Func() {
	timer1 = setInterval(function() {
		       // выполняется действие первого таймера
	 }, 4000);
}
	
function timer2Func() {
	timer2 = setInterval(function() {
		       // выполняется действие второго таймера
	 }, 2000);
}

Answer 1

[zendor]

Скорее всего вам нужен setTimeout().

var timer1;
var timer2;

function timer1Func() {
  timer1 = setTimeout(function() {
    console.log('1st timer fired');
    timer2Func();
  }, 4000);
}
  
function timer2Func() {
  timer2 = setTimeout(function() { 
    console.log('2nd timer fired');
    timer1Func(); // Если не нужна цикличность, то удалите эту строчку.
  }, 2000);
}

timer1Func();

Comments

[Alexey10]

Нет нет, мне именно нужен setInterval. У меня таким образом срабатывает автопереключение слайдера.
Первый таймер добавляет блок в слайд, а второй переключает сам слайд на другой.
Твой вариант пробовал(с setInterval только). Понаблюдай проблему, после того как первый раз включились первый, а затем второй таймер. Когда второй раз включается первый таймер, он становится быстрее почему-то(и срабатывает быстрее).

[Alexey10]

Понял в чем проблема, нужно при запуске первого отключать второй, и при запуске второго таймера выключать первый.

[Alexey10]

вот решение

var timer1;
		var timer2;

		function timer1Func() {
		  timer1 = setInterval(function() {
		    
		    console.log("1 таймер сработал");
		    timer2Func();
		   }, 4000);
		}
		  
		function timer2Func() {
			clearInterval(timer1);
			 timer2 = setTimeout(function() {
			    
			    console.log("2 таймер сработал");
			    timer1Func();
			}, 2000);
			
		}

		timer1Func();

Спасибо за помощь=)

Answer 2

[shmatuan]

https://codepen.io/andreysh/pen/aPgwbR?editors=1010 так?

function timer1Func() {
  timer1 = setInterval(function() {
           // выполняется действие первого таймера
    console.log("1 таймер сработал")
    timer2Func()
   }, 4000);
}
  
function timer2Func() {
  timer2 = setTimeout(function() {
           // выполняется действие второго таймера
    console.log("2 таймер сработал")
   }, 2000);
}

Comments

[Alexey10]

Вот вот, я тоже этот вариант пробовал. Но понаблюдай проблему, после того как первый раз включились первый, а затем второй таймер. Когда второй раз включается первый таймер, он становится быстрее почему-то(и срабатывает быстрее), посмотри пожалуйста, не могу понять в чем проблема.

[Alexey10]

Понял в чем проблема, нужно при запуске первого отключать второй, и при запуске второго таймера выключать первый.

[Alexey10]

вот решение

var timer1;
		var timer2;

		function timer1Func() {
		  timer1 = setInterval(function() {
		    
		    console.log("1 таймер сработал");
		    timer2Func();
		   }, 4000);
		}
		  
		function timer2Func() {
			clearInterval(timer1);
			 timer2 = setTimeout(function() {
			    
			    console.log("2 таймер сработал");
			    timer1Func();
			}, 2000);
			
		}

		timer1Func();

Спасибо за помощь=)