Question

我正在使用jquerymbiles 1.4.2。当我们点击div时，我希望我的图像显示5秒钟。我在我的页面中使用的代码在这里点击

<script>
 $(document).ready(function () {
$(".hr").click(function(){
   $("#imgstate").show();
});
});
</script>

上面的代码显示当我们点击一个div时的图像，但我没有得到如何在5秒后隐藏它，请帮助我

Answer 1

您可以使用 .delay() ：

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

尝试在此使用.setTimeout()：

$(document).ready(function () {
    $(".hr").click(function () {
        $("#imgstate").show();
        setTimeout(function() {
            $("#imgstate").hide();
        }, 5000);
    });
});

<强> Fiddle Demo

当我们点击div时如何显示图像？

1 个答案: