Question

我有<div>我每隔5秒“闪烁一次”，这是我的代码：

var blink = function() {
    $('.leftArrowMask').toggle();
};

$(document).ready(function() {
    setInterval(blink, 5000);   
});

我想改变它，所以眨眼效果每5秒发生一次，但只闪烁1秒钟。目前它持续5秒持续可见，然后隐藏5秒钟。

我已尝试过上面的代码，但我不认为这是对的。我怎样才能实现我的要求？

Answer 1

试试这个......

    var blink1 = function() {
    $('.leftArrowMask').hide();
    setTimeout(blink2, 5000);
};
var blink2 = function() {
    $('.leftArrowMask').show();
    setTimeout(blink1, 1000);
};
$(document).ready(function() {
    setTimeout(blink1, 1000);
});

首先运行blink1，隐藏div，然后在1秒后运行blink2以显示div。反过来，Blink2在5秒后再次运行blink1。

Answer 2

var blink = function() {
    $('.leftArrowMask').hide();
    setTimeout(function(){$('.leftArrowMask').show()},1000);

};

$(document).ready(function() {
    setInterval(blink, 5000);   
});

工作DEMO

Answer 3

在setinterval函数中使用setTimeOut函数

Answer 4

var blink = function() {
    $('div').hide();
    setTimeout(function(){$('div').show()},1000);
};

$(document).ready(function() {
    setInterval(blink, 5000);   
});

        div{
    width:100px;
    height:100px;
    background:red;
}

<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>

<div></div>

</body>
</html>

将DIV闪烁5秒钟，然后使用jQuery在1秒后隐藏它

4 个答案: