javascript - jQuery div频闪

我想让div像jquery的频闪灯一样工作。基本上每500毫秒将背景颜色从黑色更改为白色。
我怎样才能做到这一点？

<div id="strobe"></div>

谢谢！

最佳答案

setInterval()功能是您的朋友。

您不需要使用JQuery，就可以在纯JavaScript中实现它-这是您的方法：

var elem = document.getElementById("strobe");
var strobeBackground = function() {
   (elem.style.backgroundColor == "white") ? elem.style.backgroundColor = "black" : elem.style.backgroundColor = "white";
}

setInterval(strobeBackground, 500);

但是，如果要在jQuery中进行操作，则为：http://jsfiddle.net/Ru9xt/2/

HTML看起来像这样：

 <div id="strobe" class="white">Hello</div>

CSS看起来像这样：

.white {
    background-color: white;
}
.black {
    background-color: black;
}

JS在这里：

setInterval(function () {
        $("#strobe").toggleClass('black');
    }, 500);