title: How to add an animation delay using Animate.css and ViewportChecker?
body: <p>I am trying to add a "delay" to different animated class elements on a particular web page using Daniel Eden's animate.css version 3.5.1 and jquery-viewport-checker version 1.8.7 by Dirk Groenen.</p>
  
  <p>I tried to use setTimeout Function like ...</p>
  
  <pre><code>setTimeout(function () {
  jQuery('.fadeinleft1').addClass("hidden").viewportChecker({
      classToAdd: 'visible animated fadeInLeft',
      offset: 100
     });
  }, 500
  );
  </code></pre>
  
  <p>But that obviously affects the hidden class as well. I need just the animation delayed as it reaches viewport and I can delay each object accordingly. Been looking for sometime and just cannot find the answer yet.</p>