Como limpar o intervalo e configurá-lo novamente?
Isto é o que eu estou tentando fazer: quando o último slide é atingido fadeOut último slide e, em seguida, fadeIn primeiro slide e, em seguida, clearInterval(tudo funciona com essa parte). Agora meu problema é que eu quero setIntervalnovamente se não existe, mas eu não sei como fazer isso acontecer :(
Eu tentei resolver isso com o statment, mas o meu script não funciona nada!
Então, como posso reiniciar meu intervalo novamente? OBRIGADO!!
Sem Se uma declaração como essa está funcionando bem:
if(!intervalID){
intervalID = setInterval(animate,5000);
}
Isto é o que eu tenho até agora:
$(document).ready(function() {
/*check if intervalID don't exists messes UP!!*/
if (!intervalID) {
intervalID = setInterval(animate, 5000);
}
//Hide everything except first slide and controls
$('.slidewrap div:not(.slidewrap div:first,.slidewrap .slide_controls)').hide();
var animate = function() {
/*if .pagination_active is last removeClass and addClass to .pagination_active
first li tag*/
if ($('.pagination_active').is($('.slide_controls ul li:last'))) {
$('.pagination_active').removeClass('pagination_active');
$('.slide_controls ul li:first').addClass('pagination_active');
} else {
$('.pagination_active').removeClass('pagination_active').next().addClass('pagination_active');
}
/*if div.active is last fadeOut and add .active class
to the first div and fadeIn FIRST div then CLEAR INTERVAL and set intervalID to zero */
if ($('.active').is($('.slidewrap div:last'))) {
$('.active').fadeOut(1000).removeClass('active');
$('.slidewrap div:first').addClass('active').fadeIn(1000, function() {
clearInterval(intervalID);
intervalID = 0;
});
}
//OR .active fadeOut and next div fadeIn
else {
$('.active').fadeOut(1000).next().fadeIn(1000, function() {
$('.slidewrap div.active').removeClass('active').next('div').addClass('active');
});
}
}
var intervalID;
intervalID = setInterval(animate, 3000);
});