彈出一個特定的時間後彈出關閉自動

-1

下面我提到我的網頁內容目前它只顯示彈出框僅僅秒，但我需要延長時間我不知道如何做到這一點彈出一個特定的時間後彈出關閉自動

腳本我用

<script type="text/javascript"> 
window.document.onkeydown = function (e) 
{ 
    if (!e){ 
     e = event; 
    } 
    if (e.keyCode == 27){ 
     lightbox_close(); 
    } 
} 
function lightbox_open(){ 
    window.scrollTo(0,0); 
    document.getElementById('light').style.display='block'; 
    document.getElementById('fade').style.display='block'; 
} 
function lightbox_close(){ 
    document.getElementById('light').style.display='none'; 
    document.getElementById('fade').style.display='none'; 
} 
</script>

我的按鈕

<input type="submit" value="SUBMIT" onclick="lightbox_open();" />

poup箱

<div id="light"> 
    <a href="#" onclick="lightbox_close();"></a> 
    <h3 th:text="${result}"></h3> 
    hi hello 
</div> 
<div id="fade" onClick="lightbox_close();"></div>

來源

2013-08-22 boycod3

您可以使用窗口的setTimeout用於此目的（）方法。

var t=setTimeout(lightbox_close,3000)

來源

2013-08-22 09:57:27 Anuraj

我在哪裏可以加我的當前腳本這一行？ – boycod3

在lightbox_open函數裏面，因爲只有在打開lightbox – Anuraj

後才需要調用該函數，實際上該頁面正在重定向到另一個頁面，那麼可以嗎？ – boycod3

您需要使用window.setTimeout事件。例如，如果您使用的是jQuery：

$(document).ready(function() { 
    $('#element').hide(); 

    window.setTimeout(function() { 
    $('#element').show(); 
    }, 5000); 

});

您可以調換hide/show以滿足您的需求。

的jsfiddle：http://jsfiddle.net/NfCHG/1/

來源

2013-08-22 09:57:35 Mark

我可以將此添加到上面的腳本中嗎？ – boycod3

是把setTimeout放在'lightbox_open'函數的底部 – Mark

#element應該是什麼？ – boycod3

彈出一個特定的時間後彈出關閉自動

回答

相關問題