js 定时关闭窗口

JavaScript011

js 定时关闭窗口,第1张

//所用函数为 setTimeout(fun_name,otime)fun_name所运行的函数的名称。Otime为多长时间后执行,以ms为单位。

<script type="text/javascript">

function webpageClose(){

window.close()

}

setTimeout( webpageClose,10000)//10s钟后关闭

</script>

问题分析:

首先来分析一下这个功能的两个步骤。

1、弹出:当页面初始化完毕后,等待N秒显示出div标签。

2、关闭:当div标签弹出后,再等待N秒后将其关闭。

解决方案:

可以使用JavaScript的setTimeout方法来做定时功能。

案例如下:

此案例设置页面初始化后5秒弹出div标签,再等5秒后关闭div标签。

HTML代码:

<div>我是DIV的内容</div>

CSS代码:

div{

    width: 200px

    height: 200px

    line-height: 200px

    text-align: center

    background-color: #000

    color: #FFF

    display: none

}

JavaScript代码:

setTimeout(function(){

    $('div').show() //将DIV标签显示出来。

    setTimeout(function(){

        $('div').hide() //将DIV标签隐藏。

    }, 5000)

}, 5000)

页面初始化时为空白,5秒后的效果为: