后台弹出js警告框 如何自动关闭

JavaScript025

后台弹出js警告框 如何自动关闭,第1张

后台JS警告框一般是使用HTML代码模拟或者Alert函数实现的。

HTML代码模拟：

这种类型的警告框都是可以带有关闭方法的。只要在警告框弹出后设置个定时器去调用关闭方法就可以了，你可以选择一些第三方的提示框JS库，很多都带有自动关闭功能的

浏览器自带Alert函数：

这种方式在警告框弹出时会阻塞住程序，导致后面的代码无法执行，所以是没有办法自动关闭的，你可以改成第一种方式

点击不再提醒，将相关内容写入cookie

下次提醒的时候，读取这个cookie，有的话就别提醒了，没有的话就提醒

只是，js的弹出框alert() confirm()等是不具备你去加按钮啊什么的

下面的代码调试通过，满足你的要求：

<div id="ad" style="position:absolute">

<a href="abc/abcd.htm" target="_blank">

<img src="PIC_0886.jpg" border="0">

</a></div>

<script>

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 10

var obj=document.getElementById("ad")

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x <L) { xin = truex = L}

if (x >R){ xin = falsex = R}

y = y + step*(yin?1:-1)

if (y <T) { yin = truey = T }

if (y >B) { yin = falsey = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

setTimeout("clearInterval(itl)ad.style.display='none'",5000)

</script>

你以前的代码第一行是多的，应该删除，我增加的一行实现5秒后取消，你把5000改为15000就能15秒取消。