onClick show iframe 5000, а затем скрыть

Question

Я пытаюсь создать тест показа для удаленного теста юзабилити с использованием HTML, CSS и jQuery. Пользователь должен щелкнуть по кнопке, чтобы запустить тест показа, который покажет страницу клиента в iframe в течение 5 секунд, а затем спрячется.

Я искал много кодов, очень похожих на это, но не совсем то, что мне было нужно, и я не могу заставить его работать самостоятельно, так как мои знания jQuery еще ничтожны.

Итак, что я ищу что-то вроде этого:

на щелчок шоу IFRAME 5000

скрыть

Я попытался использовать этот бит кода, чтобы показать по щелчку с CSS IFRAME {не дисплей: ни один};

<script type="text/javascript"> 
    $(function() { 
     $("#show").click(function() { 
      $("#iframe1").show("5000"); 
     }); 
    }); 
</script> 

мышление «он будет показывать после щелчка на 5 секунд, а затем вернитесь к обычному режиму отображения:.. Никто

Но нет ... Это показывает, по щелчку, и он остается там

Может кто-нибудь мне помочь

Answer 1

Вот как вы могли бы сделать это в JQuery:

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

Fiddle: http://jsfiddle.net/5vC68/

Answer 2

Вы хотите использовать window.setTimeout событие, например:?.

$(document).ready(function() { 
    $('#element').hide(); 

    window.setTimeout(function() { 
    $('#element').show(); 
    }, 5000); 

}); 

Вы можете поменять местами скрытие/шоу в соответствии с вашими потребностями.

JSFiddle: http://jsfiddle.net/NfCHG/1/

Answer 3

Попробуйте

<script type="text/javascript"> 
    $(function() { 
    $("#show").click(function() { 
    $("#iframe1").show().delay(500); 
    $("#iframe1").show().delay(5000); 
}); 
}); 
</script>