码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-05-07 20:28:24      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:javascript

                               实例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标签内的内容。
这样我们的这个实例就做好了。



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

标签:javascript

原文地址:http://blog.csdn.net/yejinwei1220/article/details/45565527

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!