jquery - テキストの色の変更が別のブラウザで機能しない

Question

<span>タグのテキストの色を変更しようとしています。

<script type="text/jscript">
window.setInterval(function(){
    if ($("#sw").css("color") == "red") {
    $("#sw").css("color","blue");
    }
    else if($("#sw").css("color") == "blue") {
    $("#sw").css("color","green");
    }
    else if($("#sw").css("color") == "green") {
    $("#sw").css("color","red");
    }
    }, 1000);


 </script> 

上記の例では、<span>タグ内のテキストの色を変更する必要があります。

Internet Explorer でテストしたところ問題なく動作しましたが、Google ChromeやMozilla Firefox では動作しません。

何が問題ですか？これらのブラウザはこれをサポートしていませんか? 回避策はありますか? この問題の解決策は何ですか?

Answer 1

このフィドルリンクを確認してください

 setInterval(function(){
  if($("#sw").css("color") == "rgb(0, 0, 255)"){
   $("#sw").css("color","Red");
  }
  else if($("#sw").css("color") == "rgb(255, 0, 0)")
  {
    $("#sw").css("color","green");
  }
  else{
   $("#sw").css("color","Blue");
  }
 },1000);