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

Question

[German_Berg]

Здравствуйте, имеется скрипт, который при клике поднимает элемент вверх, спустя долю секунд, начинается автоматическое снижение, дк вот, как остановить это снижение, если достигнута нужная точка в пикселях снизу экрана?

setTimeout(function(){
	$(".asdf" ).animate({ bottom: "+=5%", }, 50, );
 },50);
} 

setInterval(function(){
	$( ".asdf" ).animate({ bottom: "-=1%", }, 50, );
 // здесь нужен код, который остановит выполнение на заданной точки экрана
},100);

Answer 1

[Александр Аксентьев]

clearInterval

Comments

[German_Berg]

Есть рабочий пример?

[Александр Аксентьев]

German_Berg, там же прям на этой странице в примерах объясняют что это и как пользоваться.
И даже пример есть с увеличением ширины элемента до определенного значения и остановкой.

[German_Berg]

Александр Аксентьев, Дай бог тебе безлимитный интернет! Точно! Увидел, спасибо!

Answer 2

[Moses Fender]

У метода jQuery.animate() есть ряд опций. Если запускаешь её в виде .animate( properties, options ), то в options появляется callback progress, который вызывается при каждом шаге анимации, и там можно проверять свои пиксели, и что-то исходя из условий проверки делать.