Javascript 单击“显示iframe 5000”，然后单击“隐藏”

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

我寻找了许多与此非常相似的代码，但并不完全是我所需要的，我自己也无法使其工作，因为我的jQuery知识还很差

所以，我要找的是这样的东西：

单击Showiframe5000

隐藏

我试着使用这段代码，用cssiframe{display:none}在点击时显示

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

$（函数（）{
$（“#显示”）。单击（函数（）{
美元（“#iframe1”）。显示（“5000”）；
});
});

思考“点击5秒后将显示，然后返回正常显示：无

但不…它会在点击时显示，并保持不变

有人能帮我吗？

您需要使用该事件。例如：

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

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

});

您可以交换隐藏/显示以满足您的需要

jsiddle:

试试这个

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

$（函数（）{
$（“#显示”）。单击（函数（）{
$（“#iframe1”）.show（）.delay（500）；
$（“#iframe1”）.show（）.delay（5000）；
});
});

以下是您在jQuery中的操作方法：

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

Fiddle:

的参数仅告诉打开动画的持续时间。（或者是具有属性的对象，包括持续时间）。