-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();"  />

弹出框

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

2 回答 2

2

为此，您可以使用 Window setTimeout() 方法。

var t=setTimeout(lightbox_close,3000)
于 2013-08-22T09:57:27.587 回答
2

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

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

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

});

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

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

于 2013-08-22T09:57:35.183 回答