jquery - 仅使用 jQuery 更改背景颜色几秒钟

Question

当单击某个元素时，我希望另一个元素的背景在 x 秒内变为红色，然后再恢复其原始颜色，所有这些都没有使用 UI jQuery，只使用 jQuery。是否可以 ？

Answer 1

var $el = $("#my-element"),
    x = 5000,
    originalColor = $el.css("background");

$el.css("background", "red");
setTimeout(function(){
  $el.css("background", originalColor);
}, x);

Answer 2

$("#element1_ID").on('click', function() {  // click on first element
    var bg = $("element2_ID").css('background'); // store original background
    $("element2_ID").css('background', 'red'); //change second element background
    setTimeout(function() {
        $("element2_ID").css('background', bg); // change it back after ...
    }, 1000); // waiting one second
});

Answer 3

检查小提琴

$('.b').on('click', function() {

    var time = 2000;
    setTimeout(function() {
        $('.a').css("background-color", "green");
    }, time);
});​