Это то, что я пытаюсь выполнить: когда последний слайд достигнут fadeOut последний слайд, а затем fadeIn первый слайд, а затем clearInterval (все работает с этой частью). Теперь моя проблема в том, что я хочу снова установитьInterval , если он не существует, но я не знаю, как это произошло:(
Я попытался решить это, если statment, но то мой script вообще не работает!
Итак, как я могу снова переустановить свой интервал? СПАСИБО!!
Без, если оператор вроде этого работает нормально:
if(!intervalID){
intervalID = setInterval(animate,5000);
}
Это то, что у меня есть до сих пор:
$(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);
});