背景色とテキスト色をJavascriptのタイマーで変更します

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 & &セット== 1）
- >
を（（x == 0）& &（セット== 1））

ちょうどタグを "点滅" を使用した場合=）

ああ、「背景が変わる唯一のものです」 スタイルを確認します。

のようなCSSルールがある場合

#titleTable td { color: black; } 

表にインラインスタイルを設定することでオーバーライドされません。