Небольшая задержка между addClass и несколькими элементами

Question

Хорошо, у меня есть этот бит скрипта, который добавляет имя класса к определенным элементам, когда они становятся видимыми.

var t = $("#div").offset().top; 

$(document).scroll(function(){ 
    if($(this).scrollTop() > t) 
    { 
     $('.image').addClass('img-vis'); 
    } 
}); 

Есть 12 элементов с именем класса lazy, и я хочу небольшую задержку между каждым добавлением класса.

Answer 1

Попробуйте это:

$('.image').each(function (i) { 
    $(this).delay(i*1000).queue(function (next) { 
     $(this).addClass('img-vis'); 
     next(); //used just to dequeue 
    }); 
}); 

Answer 2

вы имеете в виду что-то вроде этого: (т. Е 1000 миллисекунд)

$(document).scroll(function(){ 
    if($(this).scrollTop() > t) 
    { 
     setTimeout(addImgVis, 1000); 
    } 
}); 

function addImgVis(){ 
    $('.image').addClass('img-vis'); 
} 

что добавит класс 1 секунду после того, как он выполняет ж/в Уре функции прокрутки.