2013-06-19 66 views
0

我想在頁面加載在10秒後該腳本網上出現它使用jQuery的:如何在加載後幾秒鐘內使此腳本顯示/激活?

<script type="text/javascript"> 
    $(document).ready(function($){ 
     var cookieSet = document.cookie.indexOf("eu_cookie=") != -1; 
     if(!cookieSet) 
      { 
      $("#cookie_btn").click(function(){ 
       var expire = new Date(); 
       expire.setDate(expire.getDate() + 30); 
       document.cookie = "eu_cookie=1; path=/; expires=" + expire; 
       $(".cookie_wrap").fadeOut("slow"); 
      }); 
      $("#nothank").click(function(){ 
       var expire = new Date(); 
       expire.setDate(expire.getDate() + 30); 
       document.cookie = "eu_cookie=1; path=/; expires=" + expire; 
       $(".cookie_wrap").fadeOut("slow"); 
      }); 
      } 
     else 
      $(".cookie_wrap").css("visibility", "hidden"); 
    }); 
    </script>'; 

它的代碼是由其他人創建的,我完全JavaScript的文盲。如果你提供了一個解決方案,你能告訴我如何實現它嗎?

+0

腳本如何「在線顯示」:P? – David

+0

[JavaScript,setTimeout]的可能重複(http://stackoverflow.com/questions/10312963/javascript-settimeout) – jball

回答

2

使用setTimeout()。

<script type="text/javascript"> 
$(document).ready(function($){ 
    setTimeout(function() { 
     var cookieSet = document.cookie.indexOf("eu_cookie=") != -1; 
     if(!cookieSet) 
     { 
      $("#cookie_btn").click(function(){ 
       var expire = new Date(); 
       expire.setDate(expire.getDate() + 30); 
       document.cookie = "eu_cookie=1; path=/; expires=" + expire; 
       $(".cookie_wrap").fadeOut("slow"); 
      }); 
      $("#nothank").click(function(){ 
       var expire = new Date(); 
       expire.setDate(expire.getDate() + 30); 
       document.cookie = "eu_cookie=1; path=/; expires=" + expire; 
       $(".cookie_wrap").fadeOut("slow"); 
      }); 
     } 
     else $(".cookie_wrap").css("visibility", "hidden"); 
    }, 10000); 
}); 
</script>'; 
+0

感謝您分享您的知識。但是,該腳本仍然顯示立即加載。它不會等待10秒鐘。 –

+0

如果是這樣的話,那麼別的東西就是錯的。試試這個例子:setTimeout(function(){alert('works!');},10000);你會發現警報在10秒後被觸發。 (如果你願意的話,你可以直接試試Chrome開發工具js-console。) –

+0

謝謝,其他人會有其他建議嗎? –