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

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