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

onClick show iframe 5000 and then hide

本文关键字：然后 隐藏 5000 iframe 单击 显示 on      更新时间：2023-09-26

我正在尝试使用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秒后会显示，然后返回正常显示：无。

但不…点击后就会显示，并且一直保持不变。

有人能帮我吗？

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

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

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

您需要使用window.setTimeout事件。例如：

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

你可以根据自己的需要更换隐藏/展示。

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

试试这个

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