2012-04-17 84 views
0

JavaScriptのポップアップ広告を広告にして10秒後に閉じると、インターネットで何か検索しても何も見つかりません。Javascript自動閉じるポップアップウィンドウ10秒後

私は非常にexpirenced javascriptプログラマーではありません。

<script type="text/javascript"> 



$(document).ready(function() { 


     var id = '#dialog'; 


     //Get the screen height and width 

     var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 

     //Set heigth and width to mask to fill up the whole screen 
     $('#mask').css({'width':maskWidth,'height':maskHeight}); 

     //transition effect  
     $('#mask').fadeIn(1000);  
     $('#mask').fadeTo("slow",0.8); 

     //Get the window height and width 
     var winH = $(window).height(); 
     var winW = $(window).width(); 

     //Set the popup window to center 
     $(id).css('top', winH/2-$(id).height()/2); 
     $(id).css('left', winW/2-$(id).width()/2); 

     //transition effect 
     $(id).fadeIn(2000);  

    //if close button is clicked 
    $('.window .close').click(function (e) { 
     //Cancel the link behavior 
     e.preventDefault(); 

     $('#mask').hide(); 
     $('.window').hide(); 
    });  


}); 

</script> 

敬具、

ジャップS

+0

はそれを読みやすくするために、あなたのコードをフォーマットしてください。 – Jake

+1

@JeppeS:読んでください:http://stackoverflow.com/editing-helpとhttp://sscce.org/ – spender

+0

あなたのコードはJQueryを使用しています。必要なファイルを必ず含めてください。 – Basilevs

答えて

3

これはトリックを行う必要があります。

setTimeout(function() { 
    $(id).hide(); 
}, 10000); 
+1

上記に加えて、この '$('#mask ')。hide();'同じように... – Sriram

関連する問題