jQuery添加类的时间延迟

Question

我目前有一个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

将jQuery .addClass()延迟1秒：

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

{1}到delay CSS animation：

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