2014-12-12 21 views
-2
<body> 
      <script> 
       $(window).scroll(function() { 
        $('#csgo').each(function(){ 
        var imagePos = $(this).offset().top; 

        var topOfWindow = $(window).scrollTop(); 
         if (imagePos < topOfWindow+400) { 
          $(this).addClass("slideUp"); 
         } 
        }); 
       }); 
      </script> 
      <script>  
       $(window).scroll(function() { 
        $('#dota').each(function(){ 
        var imagePos = $(this).offset().top; 

        var topOfWindow = $(window).scrollTop(); 
         if (imagePos < topOfWindow+400) { 
          $(this).addClass("slideDown"); 
         } 
        }); 
       }); 

    </body> 

所以我有問題插入我的setTimeOut,每當我把它放在一個腳本,它不會工作。所以我試圖做的是在頁面加載時將動畫延遲超過1秒鐘,以便我可以看到背景標誌。但是會發生什麼呢,它總是在頁面加載時動畫,沒有任何秒的延遲。如何插入setTimeOut

回答

1

你需要做這樣的事情:

setTimeout(function(){ 
    //your code goes here.... 
}, 2000); 

括在這樣的文檔準備事件的功能:

$(function(){ 
    setTimeout(function(){ 
     //your code goes here.... 
    }, 2000); 
}); 

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

       var topOfWindow = $(window).scrollTop(); 
        if (imagePos < topOfWindow+400) { 
         $(this).addClass("slideUp"); 
        } 
       }); 
      }); 

      $(window).scroll(function() { 
       $('#dota').each(function(){ 
       var imagePos = $(this).offset().top; 

       var topOfWindow = $(window).scrollTop(); 
        if (imagePos < topOfWindow+400) { 
         $(this).addClass("slideDown"); 
        } 
       }); 
      }); 
    }, 3000); 
}); 
</script> 
+0

是。這就是我所做的。但動畫不會延遲。 – Shulz 2014-12-12 23:17:24

+0

您是否嘗試將setTimeout放入正文「onload」事件中? – shooper 2014-12-12 23:19:36

+0

但是,我認爲你寫的setTimeOut和JS區分大小寫。 – Ragnar 2014-12-12 23:20:03