Question

你好，我需要一个脚本，该脚本的图像在消失后会显示30秒，但在5分钟后会再次出现，并在30秒后消失，因此继续

你能帮我吗？

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {   
    setTimeout(function() {
        $(".content2").fadeIn(1500);
    },3000);
});
</script>

<div class="content2" style="display:none;">IMAGE</div>

Answer 1

您可以尝试这样的事情：

HTML

<div class="content2" style="display:none;">IMAGE</div>

JAVASCRIPT / JQUERY

<script type="text/javascript">

    $(document).ready(function()
    {
        var showImageFor30sAndHide = function()
        {
            $(".content2").fadeIn(1500).delay(30 * 1000).fadeOut(1500);
        };

        // Start a interval that call previous method every 5 minutes.

        setInterval(showImageFor30sAndHide, 5 * 60 * 1000);
    });

</script>

Answer 2

setInterval和setTimeout可以一起使用。

hideInThirty();
setInterval(function() {
  $("div").show();
  hideInThirty();
}, 330000);

function hideInThirty() {
  setTimeout(function() {
    $("div").hide();
  }, 30000);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>IMAGE</div>

每x次创建img

2 个答案: