Question

求一段js代码打开页面div5秒弹出，点击关闭按钮后再次定时弹出

Answer 1

问题分析：

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

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

2、关闭：当div标签弹出后，再等待N秒后将其关闭。百

解决方案：

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

案例如下：

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

HTML代码：

1

   

<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秒后的效果为：