在页面加载时淡入弹出窗口

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>