javascript - 使用 jQuery 以红色和黑色闪烁文本

Question

我在某些部分使用javascript来修改页面上的信息，当信息发生变化时，我想使修改后的信息闪烁几次。

我已经尝试过了，但由于某种原因它不起作用。

$('.item_price').css("color" , "red").delay(500).css("color" , "black").delay(500).css("color" , "red").delay(500).css("color" , "black");

Answer 1

delay()是一个非常奇怪的函数；当您使用它时，它只会延迟添加到 fx 队列的任务(并且 css() 不会排队到任何队列) .

要强制 css() 排队到 fx 队列，请使用 queue()函数；

$('.item_price').queue(function (next) {
    $(this).css("color" , "red");
    next();
}).delay(500).queue(function (next) {
    $(this).css("color" , "black");
    next();
}).delay(500).queue(function (next) {
    $(this).css("color" , "red");
    next();
}).delay(500);

...等。请务必调用 next() 函数(传递到回调中)以继续队列。

有关更多信息，我写了一篇博客文章，它对此进行了准确的解释，您可能会发现它对进一步阅读(以及 jQuery 文档)很有用:http://www.mattlunn.me.uk/blog/2012/06/jquery-delay-not-working-for-you/