Блог

У меня есть следующий код, который показывает всплывающее окно при загрузке страницы, а затем автоматически закрывает его.

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

Как я могу заставить всплывающее окно постепенно исчезать при загрузке и исчезать по тайм-ауту?

Спасибо.

Я заметил, что вы используете jQuery. В этом случае вы можете использовать это:

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