如何设置justinaguilar.com的动画延迟？ [解决]

Question

我很困惑如何为justinaguilar.com设置动画延迟。

我的朋友找到很好的解决方案：

<div class="animate" data-delay="600">HELLO WORLD</div> 

<script> 
    $(window).scroll(function() { 
    $('.animate').each(function(){ 
    var imagePos = $(this).offset().top; 

    var topOfWindow = $(window).scrollTop(); 
    if (imagePos < topOfWindow+300) { 
     var me = $(this); 
     setTimeout(function() { 
     me.addClass("fadeIn");    
     }, $(this).attr("data-delay")); 
    } 
    }); 
    }); 
    </script> 

希望这是非常有益的！

Answer 1

对于更简单的解决方案，特别是如果您使用的是Jquery，则可以使用Jquery .delay()方法。