JavaScript特效实例002-定时打开窗口
实例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标签内的内容。这样我们的这个实例就做好了。