javascript - onClick 显示 iframe 5000 然后隐藏

Question

我正在尝试使用 HTML、CSS 和 jQuery 为远程可用性测试构建印象测试。用户需要点击一个按钮来启动印象测试，它会在 iframe 中显示客户端的页面 5 秒，然后自行隐藏。

我寻找了许多与此非常相似的代码，但不完全是我需要的代码，而且我自己无法让它工作，因为我的 jQuery 知识还很差。

所以，我正在寻找的是这样的：

点击显示 iframe 5000

隐藏

我尝试使用这段代码在点击时显示 css iframe {display:none};

<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);
    });
});

小提琴：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>