jquery - 如何在中间延迟两次更改背景颜色？查询

Question

我目前正在使用下面的代码在单击时两次更改输入字段的颜色。

预期的结果是背景颜色变为黑色，然后在变为白色之前等待(并保持白色直到用户再次单击该字段)。

但是，颜色直接切换为白色而忽略了第一个黑色。我该如何解决？

$('input:text').focus(function () {
    $(this).css('background','#000').delay(5000).css('background','#fff');
});

Answer 1

如果您想使用 css()，那么您将需要使用 setTimeout。 css() 没有动画，因此没有内部动画队列供 delay() 使用，例如 animate()。

$('input:text').on('focus', function () {
    $(this).css('background','#000');

    setTimeout(function(){
        $(this).css('background','#fff');
    }, 5000);
});