jQuery 추가 클래스의 시간 지연

Question

현재 CSS가 창을 특정 지점으로 스크롤하면 클래스를 추가하여 트리거되는 CSS3 애니메이션이 있습니다. 애니메이션이 해협을 벗어나지 않도록 1 초의 지연을 추가하고 싶습니다.

http://www.lindameredith.com/wp/serum/ (두 번째 섹션으로 스크롤)

내가 사용하고 기존 코드는 다음과 같습니다 :

jQuery(window).scroll(function playani() { 
    var scroll = jQuery(window).scrollTop(); 

    //add 'ok' class when div position match or exceeds else remove the 'ok' class. 
    jQuery('#angle').addClass('play', scroll >= jQuery('#angle').offset().top); 
}); 

사람을 추가하려면이 옵션을 조정하는 방법을 알고 있나요 여기에 애니메이션이 발생하는 페이지입니다 지연?

감사합니다 :)

Answer 1

1 초에 의해 jQuery를 .addClass()을 지연하려면 1 초에 의해 delay CSS animation으로

setTimeout(function() { 
    jQuery('selector').addClass('className'); 
}, 1000); 

을 :

.animated { 
    /* other animation properties */ 
    animation-delay: 1s; 
}