javascript - Jquery div 选通

Question

我想让一个div像jquery的频闪灯一样工作。基本上每 500 毫秒将背景颜色从黑色更改为白色。

我怎样才能做到这一点？

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

谢谢!

Answer 1

setInterval() 函数是您的 friend 。

您不需要使用 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);