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

Javascript 如何设置justinaguilar.com动画的延迟?[解决],javascript,html,css,animation,jquery-animate,Javascript,Html,Css,Animation,Jquery Animate,我不知道如何设置justinaguilar.com动画的延迟 我的朋友找到了很好的解决方案: <div class="animate" data-delay="600">HELLO WORLD</div> <script> $(window).scroll(function() { $('.animate').each(function(){ var imagePos = $(this).offset().top; var topOfWin

我不知道如何设置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>
你好,世界
$(窗口)。滚动(函数(){
$('.animate')。每个(函数(){
var imagePos=$(this).offset().top;
var topOfWindow=$(window.scrollTop();
如果(图像位置

希望这是非常有益的

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

为什么不将其作为单独的答案发送?