0

На странице используется всплывающее окно, код которого представлен ниже. Как сделать автоматическое закрытие окна через 3 секунды после открытия?

HTML:

<div id="dim">
<div class="msgbox">
Контент окна
</div>
</div>

JavaScript:

$(document).ready(function(){

            $("#dim").css("height", $(document).height());

            $(".alert").click(function(){
                $("#dim").fadeIn();
                return false;
            });

            $(".close").click(function(){
                $("#dim").fadeOut();
                return false;
            });

        });

        $(window).bind("resize", function(){
            $("#dim").css("height", $(window).height());
        });
2
  • повесить timeout на 3 секунды с скрытием
    – IVsevolod
    9 сен 2013 в 5:18
  • Знать бы ещё, куда его повесить.
    – Frontender
    9 сен 2013 в 6:57

2 ответа 2

1
setTimeout(function() {$(".имя класса формы или блока").fadeOut()}, 3000)
6
  • А куда нужно вставить этот код?
    – Frontender
    9 сен 2013 в 6:50
  • @Виктор Павлов, до остального вашего кода добавьте jsfiddle.net/bVAa9
    – mountpoint
    9 сен 2013 в 7:56
  • Почему-то ничего не работает.
    – Frontender
    9 сен 2013 в 8:28
  • @Виктор Павлов, выложите на jsfiddle.net весь ваш код
    – mountpoint
    9 сен 2013 в 9:00
  • Как туда выложить? Не получается.
    – Frontender
    9 сен 2013 в 9:37
0
    function hideAlert(){
        $("#dim").fadeOut();
        return false;
    }

    function showAlert(callback, timeout){
        $("#dim").fadeIn("fast", function(){
            if(typeof callback == "function")
                setTimeout(callback, parseInt(timeout) > 0 ? timeout : 5000); //По умолчанию скрываем через 5 сек.
        });
        return false;
    }

    $(".alert").click(function(){
        showAlert(hideAlert, 3000); //Закроет окно через 3 сек. после завершения анимации fadeIn
    });

    $(".close").click(function(){
        hideAlert();
    });
2
  • Что-то здесь слишком много кода. Куда его в моём коде вставить нужно, скажите пожалуйста.
    – Frontender
    9 сен 2013 в 9:43
  • Заменить им ваши $(".alert").click... и $(".close").click...
    – dekameron
    9 сен 2013 в 10:04

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.