+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Resize + setInterval + clearInterval (/thread-resize-setinterval-clearinterval)
Resize + setInterval + clearInterval - Bucky - 25-10-2013
Witam! Czy podczas manipulowania oknem przeglądarki i użycia $(window).resize w jQuery powinny poprawnie zadziałać clearInterval oraz setInterval?
Przykład:
Kod:
var $rotate = $('#rotate-wrapper'),
run,
speed = 4000;
run = setInterval(rotateFunc, speed, $rotate);
$(window).resize(function() {
if(window.innerWidth > 480) {
setInterval(rotateFunc, speed, $rotate);
}
else {
clearInterval(run);
}
});W tym przypadku clearInterval nie zatrzymuje animacji, a po przekroczeniu 480 setInterval gubi się i przyśpiesza.
RE: Resize + setInterval + clearInterval - Kartofelek - 26-10-2013
Ale zauważ, że wchodzisz płynnie na > 480. Przy 480, 481, 482 odpalasz kolejne setIntervale. Każdorazowo podstaw je pod zmienną run
