-1

以下に、ページの内容について言及しました。現在、ポップアップボックスのみを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 に答える