粘滯消息如何在10秒後自動關閉

嗯，我知道如何顯示可關閉的粘滯消息，但我知道如何在10秒後關閉它，並顯示10秒計數器......以及如何讓它懸停效果好... 這裏是我關閉的粘消息，只是烏爾樣的考慮粘滯消息如何在10秒後自動關閉

<script> 
function closeBox(toClose) { 
    document.getElementById(toClose).style.display = "none";setCookie(toClose,closed", 20);} 

function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();} 

    function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++){if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}} 

    window.onload=function(){loadMsg('msgbox'); } 
</script> 

    http://kownleg.blogspot.com 
    <style> 
    div.guestwarn { 
    background:#000000; 
    color:#FFFFFF; 
    max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;right: 2%; 
     top: 50%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); 
     -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919; 
    } 
    .close {float: right;background: transparent url(http://1.bp.blogspot.com/-hMdL9UJje_c/UA7nJADBTSI/AAAAAAAAABU/S5zftNPRxfs/s1600/close.png);width: 22px;height: 22px;} 
    </style> 


<div id="message-1" class="msgbox" style="display: none;"> 
    <div class="guestwarn"><a href="#" class="close" onclick="closeBox('message-1'); return false;" title=""></a> 
**My Sticky Text Is Here** 
    </div> 
</div>

來源

2012-10-01 RJ Style

您將需要使用'setTimeout' – JeffS

你已經嘗試了什麼？ –

你可以簡單地使用jquery'delay（）'函數執行此操作。查看答案 – StaticVariable

在腳本的末尾添加這一行：

setTimeout(function(){closeBox('message-1')}, 10000);

來源

2012-10-01 17:44:34

哇，它的工作......但我認爲在我的編碼中，我犯了一些錯誤，當有人關閉此消息時，它永遠不會刷新..我做了這樣的事情，當有人關閉它，但是接下來他再次訪問該網站時，它總是向他們展示，但是如果有人關閉它，它將暫時關閉，而不是永久關閉..你能幫我嗎？ –

有對已經建成許多插件這個，我更喜歡Purr，另一個我知道w是jQuery Growl。

來源

2012-10-01 17:49:01 naspinski

你可以簡單地使用jquery delay()函數來執行此操作。

$("#message-1").live("click",function(){ 
     $(".guestwarn").show('slow'); 
     // show the counter 
     $(".guestwarn").delay(10000).hide("slow"); 
      return false; 
     });

來源

2012-10-01 18:08:08 StaticVariable

謝謝你的回覆，但這個作品完美... ** setTimeout（function（）{closeBox（'message-1'）}，10000）; ** –

@RJStyle試試這個也會解決你的臨時顯示問題的框 – StaticVariable

粘滯消息如何在10秒後自動關閉

回答

相關問題