本文主要和大家介紹了jQuery實現定時隱藏對話框的方法,結合實例形式較為詳細的分析了jQuery定時隱藏對話框的相關函數、實現方法與操作注意事項,需要的朋友可以參考下,希望能幫助到大家。
1. setTimeout
:出現設置了時間,但是程序立即執行的情況。
:無論是window.setTimeout
還是window.setInterval
,在使用函數名作為調用句柄時都不能帶參數。
:解決就是定義一個匿名函數
setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
:第二個參數是毫秒數,1秒=1000毫秒
其他情況:這個網址的介紹:http://www.jb51.net/article/36681.htm
2. 設置對話框的掩藏
常用方法一:
<script language='javascript' type='text/javascript'> $(function () { setTimeout(function () { $("pid").show(); }, 6000); }) </script>
常用方法二:
<script language='javascript' type='text/javascript'> $(document).ready( function() { $('#pid').delay(6000).hide(0); } );
3. fadeOut和hide的區別
hide隱藏的效果是從下至上或從右下到左上的慢慢折疊縮小,而fadeOut的淡出效果是整體淡化直至消失(我沒有看出區別)
相關推薦:
js和html5實現自動排列對話框的生成
微信小程序使用modal組件彈出對話框實例分享
js制作一個簡單的對話框教程
以上就是jQuery定時隱藏對話框代碼分享的詳細內容,更多請關注php中文網其它相關文章!