JavaScript特效实例002-定时打开窗口

最新推荐文章于 2022-06-11 14:34:58 发布

迷茫的寻路者

最新推荐文章于 2022-06-11 14:34:58 发布

阅读量1.2k

点赞数 1

分类专栏： JavaScript网页特效范例文章标签： javascript

本文链接：https://blog.csdn.net/yejinwei1220/article/details/45565527

版权

JavaScript网页特效范例专栏收录该内容

19 篇文章 0 订阅

订阅专栏

实例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标签内的内容。

这样我们的这个实例就做好了。