Question

我正在尝试使用计时器更改表格及其所有单元格的背景和文本颜色。我在下面的结尾标记之前有脚本。背景是唯一改变的东西。表的id是'titleTable'。感谢

<script language="Javascript">
<!-- Begin
titleTable.bgColor='#FFFFFF';
setInterval("Timer()", 500);
x=1;
function Timer() {
    set=1;
    if(x==0 && set==1) {
        titleTable.bgColor='#000000';
        titleTable.style.color='#FFFFFF';
        x=1;
        set=0;
    }
    if(x==1 && set==1) {
        titleTable.bgColor='#FFFFFF';
        titleTable.style.color='#000000';
        x=0;
        set=0;
    }
}
// End -->
</script>

Answer 1

(function() {
    var s = document.getElementById('titleTable').style,
        f = false,
        c1 = '#000000',
        c2 = '#ffffff';

    setInterval(function() {
        s.backgroundColor = f ? c1 : c2;
        s.color = f ? c2 : c1;
        f = !f;
    }, 500);
})();

现场演示： http://jsfiddle.net/Dzk2h/2/

只需将上面的代码放在页面底部的<script>元素中即可。

Answer 2

var titleTable = document.getElementById（'titleTable'）;

if（x == 0＆amp;＆amp; set == 1）
- ＆GT;
if（（x == 0）＆amp;＆amp;（set == 1））

只需使用“blink”tag =）

啊，“背景是唯一改变的东西”。检查样式。如果您有CSS规则，如

#titleTable td { color: black; }

不会通过为表格设置内联样式来覆盖它。

使用带有Javascript的计时器更改背景颜色和文本颜色

2 个答案: