Javascript 如何停止闪烁的div？

我正在使用以下jquery方式闪烁我的div：

---

但我们如何阻止它闪烁呢？我只想让它只闪烁5次。

您可以通过CSS单独实现这一点，无需Javascript：

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.blink {
    -webkit-animation: blinker 1s 5;
    -moz-animation: blinker 1s 5;
    animation: blinker 1s 5;
}

请注意，语句末尾的

5

值是

动画迭代计数。您可以根据需要对此进行修改。
以下是解决方案

试试这个

var i = 0;

function blink(selector) {
    $(selector).fadeOut('slow', function () {
        $(this).fadeIn('slow', function () {
            i++ < 8 && blink(this);
        });

    });
}

blink('.blink');

var i=0；
功能闪烁（选择器）{
$（选择器）.fadeOut（'slow'，函数（）{
$（this.fadeIn（'slow'，function（）{
i++<8&&blink（这个）；
});
});
}
眨眼（'.blink'）；

以下是演示：
使用计数器。请检查并在这里张贴代码。它保证将来访问此问题的访问者将能够看到此代码，即使该代码已从该链接中删除（无论出于何种原因）。试试这个，如果我有更多的div要闪烁怎么办。是不是我必须为每个div创建一个计数器？是的。。我们怎么称呼这个函数？@Coolguy你是什么意思？你怎么称呼这个函数？这是CSS。检查小提琴的工作示例。使用css意味着在div准备好后，它将闪烁5次，对吗？不需要调用函数。。。但是如果我想让同一个div再闪烁5次呢？这似乎是解决问题的简单方法，很好。如果我有更多的div闪烁呢。是否我必须为每个div创建一个计数器？不，您只需将同一类（.blink）设置为新div，这样您就可以添加任意多个div，但我的应用程序是，所有div不会同时开始闪烁。他们在不同的时间开始眨眼。例如，如果所有div的总bllinking为5次，则在我的div1开始闪烁之后，在div1闪烁2次之后，div2开始闪烁。。那么div2将只闪烁3次，因为现在只剩下3次相同的计数器值。那么您必须自己创建一些逻辑，堆栈溢出是为了指导您不要为您创建逻辑。
var i = 0;

function blink(selector) {
    $(selector).fadeOut('slow', function () {
        $(this).fadeIn('slow', function () {
            i++ < 8 && blink(this);
        });

    });
}

blink('.blink');