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

我有一个

，我每5秒“闪烁”一次，这是我的代码：

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

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

我想改变这一点，使眨眼效果每5秒发生一次，但仅眨眼1秒。当前，它保持可见5秒，然后隐藏5秒

我已经试过上面的代码，但我认为这不太正确。我怎样才能达到我的要求？

试试这个

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

它首先运行隐藏div的blink1，然后在1秒后运行blink2以显示div。blink2在5秒后再次运行blink1。

试试这个

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

---

它首先运行隐藏div的blink1，然后在1秒后运行blink2以显示div。blink2在5秒后再次运行blink1。

在ur set interval函数中使用setTimeOut函数

在ur set interval函数中使用setTimeOut函数

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

};

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

工作

工作

var blink=function（）{
$（'div'）.hide（）；
setTimeout（函数（）{$（'div'）.show（）}，1000）；
};
$（文档）.ready（函数（）{
设置间隔（闪烁，5000）；
});
div{
宽度：100px；
高度：100px；
背景：红色；
}


var blink=function（）{
$（'div'）.hide（）；
setTimeout（函数（）{$（'div'）.show（）}，1000）；
};
$（文档）.ready（函数（）{
设置间隔（闪烁，5000）；
});
div{
宽度：100px；
高度：100px；
背景：红色；
}

非常感谢！我改变了ms选项，因为这与我想要的正好相反！很高兴能帮上忙：）非常感谢！我改变了ms选项，因为这与我想要的正好相反！很高兴能帮上忙：）