JavaScript实现页面内容弹出框在设定时间/显示一段时间后自动消失弹出内容

在页面上显示消息,一段时间后消失

1、<script>
setTimeout(function(){document.getElementById(“a”).style.display=”none”;}, 5000);
</script>

<div id=”a”>${mess}</div>

2、<script type=”text/javascript”>
setTimeout(“aa()”,5000);
function aa()
{
document.all.text1.innerText=”";
}
</script>

<span id=”text1″ rows=”" cols=”">${mess}</span>

3、用ajax做这个可以避免页面刷新****羡慕

4、jquery

方法一:

[java] view plaincopy
  1. $(“#errormsg”).html(“您的信息输入错误,请重试!”).show(300).delay(3000).hide(300);

方法二:

[java] view plaincopy
  1. $(“#errormsg”).html(“ok”).hide(3000);// 这个是渐渐消失
  2. $(“#errormsg”).html(“ok”).fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
Top Down