JavaScript特效執行個體002-定時開啟視窗,javascript002-
執行個體002 定時開啟視窗執行個體說明本執行個體要在指定的時間後開啟視窗。技術要點主要應用window對象setTimeout()方法實現定時開啟視窗。 setTime()方法的文法格式如下。
<span style="font-size:14px;">setTimeout(function,milliseconds)</span>
參數說明如下。function:要調用的JavaScript自訂函數名稱。milliseconds:設定逾時時間(以ms為單位)。功能:超過逾時時間後,調用函數。此值可以用clearTimeout()函數清除。注意:setTimeout()方法在逾時時間後只調用一次函數,而setInterval()方法是按一定時間重複調用指定的函數。實現過程1.製作用於開啟視窗顯現的廣告頁面new.html
<html> <head> <title>定時開啟視窗顯示廣告資訊</title> <style type="text/css"> body{ background-image:url(new.jpg); background-repeat:no-repeat; } </style> </head> <body></body> </html> 2.應用function函數建立自訂pp()函數,同時應用setTimeout()方法實現定時開啟視窗,代碼如下index.html
<pre name="code" class="html"><html> <head> <meta charset="utf-8" /> <script type="text/jscript" language="javascript"> function pp(){ window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false); }setTimeout("pp()",5000); </script> <style type="text/css"> p{ font-size:24px; color:#F00; } </style> </head> <body> <p>網站首頁</p> </body> </html>
註:style標籤的內容為css的知識,我們關注的是script標籤內的內容。這樣我們的這個執行個體就做好了。