html只显示一次,javascript – 只显示div一次

所以我想看看像stackoverflow一样的消息在顶部.

现在我已经配置了所有,但是我遇到了一个问题..消息只显示第一次,第二次没有显示.

我知道为什么,关于每个id的东西必须是唯一的或div中的东西..然后我用rand(1,300); (PHP)它仍然无法正常工作.

这是我的代码:

function checkSession(){

$.ajax({url: "session.php", success: function(data){

if( data == 1){

var postFilen = 'msg.php';

$.post(postFilen, function(data){

$(".msg").html(data).find(".message2").fadeIn("slow")

setTimeout(function(checkSession) {

$('.msg').fadeOut('slow');

}, 10000);

});

}else{

$('.message2').hide();

}

}});

// setInterval('checkSession()',1000);

}

index.php文件:

msg.php:

Yo, echo $pusername; ?> - echo $_SESSION["user_message"]; ?>

X

CloseNotice2() – (以防万一你想看到它):

function closeNotice2() {

$(".message2").fadeOut("slow");

}

session.php文件:

if(isset($_SESSION['user_message'])) {

echo 1;

}

CSS:

.message2 {

position: absolute;

top: 0;

left: 0;

z-index: 105; /* Anything higher than 1 will do */

background-color: #034678;

font-family: Arial,Helvetica,sans-serif;

font-size: 100%;

text-align: center;

font-weight: bold;

border-bottom: 2px solid #FFF;

height: 26 px;

width: 100%;

}

.message2 span {

text-align: center;

width: 95%;

float:left;

}

我想就是这样.希望你能帮助我.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现弹窗只显示一次,可以使用浏览器的本地存储(localStorage)功能。具体做法如下: 1. 在弹窗显示的时候,判断是否已经弹出过该弹窗,如果已经弹出过,则不再弹出。 2. 判断的方法可以是在本地存储中设置一个标志位,标识该弹窗是否已经弹出过。 3. 如果该标志位已经存在,则不再弹出,否则弹出弹窗,并设置该标志位。 示例代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹窗示例</title> <style> .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 999; } </style> </head> <body> <div class="popup" id="popup" style="display:none;"> <p>这是一个弹窗</p> <p><button onclick="closePopup()">关闭</button></p> </div> <script> // 判断是否已经弹出过该弹窗 function shouldShowPopup() { return !localStorage.getItem('popupShown'); } // 显示弹窗并设置标志位 function showPopup() { document.getElementById('popup').style.display = 'block'; localStorage.setItem('popupShown', 'true'); } // 关闭弹窗 function closePopup() { document.getElementById('popup').style.display = 'none'; } // 判断是否需要显示弹窗 if(shouldShowPopup()) { showPopup(); } </script> </body> </html> ``` 在上面的示例代码中,我们首先在页面中添加了一个弹窗的 HTML 结构,并设置了一个 id 为 'popup'。然后在 JavaScript 中,我们定义了三个函数:shouldShowPopup()、showPopup() 和 closePopup()。 shouldShowPopup() 函数用于判断该弹窗是否已经弹出过,如果已经弹出过,则返回 false,否则返回 true。 showPopup() 函数用于显示弹窗,并通过 localStorage.setItem() 方法设置一个标志位,表示该弹窗已经弹出过。 closePopup() 函数用于关闭弹窗。 最后,在页面加载完成后,我们通过调用 shouldShowPopup() 函数判断是否需要显示弹窗。如果需要显示,则调用 showPopup() 函数显示弹窗。如果不需要显示,则不做任何操作。这样就可以实现弹窗只显示一次的效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值