javascript - JQuery .cssを条件文に入れる

Question

わかりましたので、SVG マップの一部が特定のしきい値を超えるとフェードアウトするタイマーを作成しました。ただし、CSS の他の部分をいじりたいと思っています。

この投稿を見ましたが、私の問題に関しては意味がわかりませんでした。

**以下編集**

助けてくれてありがとう、私は自分のコードを見て、そこにある必要のないもののいくつかを一掃しようとしました. また、if ステートメントを再構成して、JQuery コード内に配置しました。以下の提案を試して、var タイマーを interval 関数の外側に割り当てましたが、開始ボタンが機能しなくなり、ページの読み込み時にスクリプトが実行され始めました。それで、私は物事を機能させ続けるためにそれを元に戻しました。また、コードを JSFiddle に入れましたが、正しく動作しませんでした。それまでの間、それに慣れるためにもう少し時間を費やします。それを紹介してくれてありがとう。

私の元の質問については、.animate() タグは、不透明度属性を変更するように設定している限り機能しますが、変更したい他の属性には影響しません。SVG と CSS には異なる属性名があることを知っており、両方のタイプの名前を試しました。以下は私のコードです。塗りつぶしの色とストロークの幅を変更するために .animate() 効果を取得しようとしています。

var i,timer;
i = 2013;

function start() {
timer = self.setInterval("increment()", 800 )
}

function increment() {
i++;
document.getElementById("timer_out").innerHTML =  i ;
$(document).ready( function() {
    if (i == 2014) {
        $('#AL').animate( {
            opacity: 0.3 } , 500 );
    }
});
}

function stop() {
clearInterval(timer);
timer = null;
 }

function reset() {
stop();
i=2013;
document.getElementById("timer_out").innerHTML = i;
}

opacity を別の CSS 属性に置き換えるまでは、まったく問題なく動作する JQuery ステートメントに本当に関心があります。

再度の注意とアドバイスに感謝します。