在頁面加載時淡入彈出窗口

Question

我有以下代碼，它在頁面加載時顯示一個彈出窗口，然后自動關閉它。

<script>
    function PopUp(hideOrshow) {
        if (hideOrshow == 'hide') document.getElementById('ac-wrapper').style.display = "none";
        else document.getElementById('ac-wrapper').removeAttribute('style');
    }
    window.onload = function () {
        
        setTimeout(function () {
            PopUp('show');
        }, 000);
    }
    // Disappears after set interval...
    setInterval(function(){
    $('#ac-wrapper').hide();
    }, 2000);
</script>

如何使彈出窗口在加載時逐漸淡入，並在超時時淡出？

謝謝。

Answer 1

我注意到您正在使用 JQuery。 在這種情況下，你可以使用這個：

<script>
window.onload = function() {
  $('#ac-wrapper')
    .fadeIn(100)
    .delay(3000)
    .fadeOut(100);
}
</script>