Как отобразить изображение на секунду, когда мы нажимаем на div?

Question

Как отобразить изображение на секунду, когда мы нажимаем на div?

0

Я использую jquerymbiles 1.4.2. Я хочу, чтобы мое изображение отображалось в течение 5 секунд, когда мы нажимаем на div. Код, который я использую на моей странице, здесь

<script>
 $(document).ready(function () {
$(".hr").click(function(){
   $("#imgstate").show();
});
});
</script>

Приведенный выше код отображает изображение, когда мы нажимаем na div, но я не получаю, как скрыть его через 5 секунд, пожалуйста, помогите мне в этом

user3560322 02 май 2014, в 11:35

Источник

Теги:

jquery

1 ответ

Ещё вопросы

Felix · Accepted Answer · 2014-05-02T07-10-00.000Z

Вы можете использовать .delay():

$(document).ready(function () {
    $(".hr").click(function () {
        $("#imgstate").show().delay(5000).hide();
    });
});

Попробуйте использовать .setTimeout() здесь:

$(document).ready(function () {
    $(".hr").click(function () {
        $("#imgstate").show();
        setTimeout(function() {
            $("#imgstate").hide();
        }, 5000);
    });
});

Демо-версия скрипта

я попробовал это, но это не работает, если я добавляю $ ("# imgstate"). show (). delay (5000) .hide (); его не показывает даже изображение
@ user3560322 Пожалуйста, проверьте мой обновленный код и демо
Вы не можете использовать delay с show и hide поскольку они не являются частью очереди анимации. Это будет работать вместо: $("#imgstate").fadeIn(1).delay(5000).fadeOut(1);