使用JQuery在表单字段上设置.delay（）.animate（）方法

我有一个按钮，只有我的页面，将跳转到下面的联系人表单用户，我想突出显示表单中的第一个字段，然后让它动画回到预设的焦点背景色。似乎使用

.css（）

方法不允许延迟，而且

.animate（）

似乎无法更改表单字段的属性。有什么建议吗

$(document).ready(function() { 
    $('#class_sign_up_btn, #work_with_brian_btn').click(function() {
        $('#name').focus();
        $('#name').css('background','#E3BD00').delay(500).animate( {'background':'grey'}, 300);
    });
});

---

对于动画，可能需要阅读以下内容：

---

问题是jQuery需要一个扩展，以便能够支持颜色属性（包括背景色）的动画

---

你有几个选择。你可以拿着这个或那个。希望这有帮助。

使用设置超时。确保存储对超时的引用，以便在再次单击按钮时清除它

`$（文档）.ready（函数（）{ var超时

$('#class_sign_up_btn, #work_with_brian_btn').click(function() {
    clearTimeout(timeout);
    $('#name').focus();
    $('#name').css('background','#E3BD00');
    timeout = setTimeout(function() {
        $('#name').animate({'background': 'grey'}, 300);
    }, 500);
});

}))

---

`

您可以像这样使用动画，而不是

设置超时（）

  let orange_h1 = $(".orange_h1");
  orange_h1.animate({
      bottom: "0px",
      height: "50px",
    },
    8000
  );

事实证明，jqueryui将此内置作为一个组件。这正是我想要做的——以一种形式关注一个领域，并简短地吸引额外的注意力。很高兴知道如何通过使用.setTimout（）方法在本机JS中实现这一点。谢谢
  let orange_h1 = $(".orange_h1");
  orange_h1.animate({
      bottom: "0px",
      height: "50px",
    },
    8000
  );