title: time delay on jQuery add class
body: <p>I currently have a CSS3 animation that is triggered by adding a class once the window scrolls to a certain point. I'd like to add a delay of 1 second so the animation doesn't start strait away. Here is the page where the animation takes place:</p>
  
  <p><a href="http://www.lindameredith.com/wp/serum/" rel="nofollow noreferrer">http://www.lindameredith.com/wp/serum/</a> (scroll to second section)</p>
  
  <p>The existing code i'm using is:</p>
  
  <pre><code>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 &gt;= jQuery('#angle').offset().top);
  });
  </code></pre>
  
  <p>Does anyone know how to adjust this to add a delay?</p>
  
  <p>thank you :)</p>