返回首页 常用 JavaScript 网页特效

定时打开窗口

实例说明

本实例要在指定的时间后打开窗口。

技术要点

主要应用 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>