Почему не работает функция clearInterval?

Question

[Serjio30]

Вроде всё правильно написано. Пробовал уже все таймеры удалять, думал может из-за того что их много не работает. Все равно ничего.

function animationFirst () {
		 function animationRight () {
		$("h1").offset({ left: 200	});
		};
		 function animationDown () { 
		$("h1").offset({ top: 200	}); 
		};
		 function animationLeft () { 
		$("h1").offset({ left: 0 }); 
		};
		 function animationUp () { 
		$("h1").offset({ top: 0	}); 
		};
		setTimeout(animationRight, 500);
		setTimeout(animationDown, 1000);
		setTimeout(animationLeft, 1500);
		setTimeout(animationUp, 2000);
};

	function animationSecond () {
		 function animationDown () { 
		$("h1").offset({ top: 200	}); 
		};
		function animationRight () {
		$("h1").offset({ left: 200	});
		};
		function animationUp () { 
		$("h1").offset({ top: 0	}); 
		};
		 function animationLeft () { 
		$("h1").offset({ left: 0 }); 
		};
		setTimeout(animationDown, 500);
		setTimeout(animationRight, 1000);
		setTimeout(animationUp, 1500);
		setTimeout(animationLeft, 2000);
};
		function animation () {
			animationFirst();
			setTimeout(animationSecond, 2000);
			}


                animation();
		
		setInterval(animation, 4000);
		var stopAnimation = setInterval(animation, 4000);
		clearInterval(stopAnimation);

Comments

[SagePtr]

А как оно должно работать, если вы два интервала устанавливаете, а останавливаете только один?

[Serjio30]

Это ужас...Спасибо большое)

[historydev]

Serjio30, и не var, а let

[Serjio30]

historydev, только начал изучение js, спасибо, приму к сведению

Answer 1

[Кирилл]

У тебя дважды интервал запускается:

setInterval(animation, 4000);
var stopAnimation = setInterval(animation, 4000);
clearInterval(stopAnimation);

Ты один закрываешь, а второй (который первым вызвал) продолжает работать