javascript - 使用什么技术手动使文本具有闪烁效果

Question

我知道我可以用这个改变文本的颜色

$(#text).css('color', 'red');

我的 javscript 应该如何才能让它以大约 200 毫秒的间隔闪烁为红色和黑色？

如果我能做到这样就好了

    function loop() {
        setTimeout(function () {
            ChangeTextToRed();

            <pause for 300ms here>

            ChangeTextToBlack();
            loop();
        }, 300);
    }

但我知道javascript中没有thread.sleep

Answer 1

使用 setInterval 和 jquery 的 toggleClass() 方法，您可以非常轻松地完成此任务。

setInterval(function() {
    $('#text').toggleClass("blink");
}, 300);

您只需添加/删除具有其他颜色的类。查看 jsfiddle 上的工作示例:http://jsfiddle.net/UFfRc/

编辑:只是想提供更多信息。这种方法(使用类)的好处是您可以自定义它而无需编辑 javascript。您可以添加过渡、移动等。此外，这将在不支持 css3 过渡的浏览器上正常降级。他们只会看到状态变化而没有过渡。这是一个例子。 http://jsfiddle.net/rRXGc/

话虽如此，要负责任。 :)