让商务通窗口二次弹出自定义div代码

自定义商务通二次弹出原理，商务通窗口被关闭后，指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景，实际运用中可替换为图片。
核心代码:

复制代码代码如下:

function hideSwt(){

document.getElementById("swtBox").style.display='none';//隐藏弹出窗口

//设置定时器，5秒后显示弹出窗口

setTimeout(function(){

document.getElementById("swtBox").style.display='block';

},5000);

}

</script>

效果截图:

代码如下：

<title></title>

<style type="text/css">

#swtBox {

margin-top:-150px;

margin-left:-220px;

width:440px;

height:300px;

position:fixed;

top:50%;

left:50%;

background:#CCC;

_position: absolute;

_top: expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop));

_left: expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft));

}

#swtBox #close{

width:30px;

height:30px;

line-height:30px;

position:absolute;

top:0;

right:0;

display:block;

background:#333;

color:#FFF;

text-align:center;

text-decoration:none;

}

#swtBox #close:hover {

background:#F00;

}

#swtBox #chat {

width:100%;

height:100%;

display:block;

}</style>

<script>

function hideSwt(){

document.getElementById("swtBox").style.display='none';//隐藏弹出窗口

//设置定时器，5秒后显示弹出窗口

setTimeout(function(){

document.getElementById("swtBox").style.display='block';

},5000);

}

</script>

<div id="swtBox">

<a href="javascript:;" id="close" onclick="hideSwt();" title="关闭">X</a></div>

<p>演示：自定义商务通二次弹出原理</p>