Question

下面我提到了我的页面内容目前它只显示弹出框一秒钟，但我需要延长时间，我不知道该怎么做

我使用的脚本

<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 box

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

Answer 1

您可以使用Window setTimeout（）方法来实现此目的。

var t=setTimeout(lightbox_close,3000)

Answer 2

您需要使用window.setTimeout事件。如果您正在使用jQuery：

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

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

});

您可以交换隐藏/显示以满足您的需求。

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

在该弹出窗口自动关闭后的特定时间显示弹出窗口

2 个答案: