Javascript 将JQuery.css放入条件语句

好的，我制作了一个计时器，当SVG映射的某些部分超过某些阈值时，它会使它们淡出。然而，我想搞乱CSS的其他部分

我看了这篇文章，但无法从我的问题上理解它

**编辑如下**

谢谢你的帮助，我看了一下我的代码，试图清除一些不需要的东西。我还重新构造了if语句，将其放入JQuery代码中。我尝试了下面的建议，将var计时器分配到interval函数之外，但是我的start按钮不再工作，脚本开始在页面加载时运行。所以，我把它移回去，让它继续工作。 另外，将我的代码放入JSFIDLE，但我无法使其正常工作。在此期间，我将花更多的时间熟悉这一点。谢谢你介绍给我

至于我原来的问题: 只要我将.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;
}

我真正关心的是JQuery语句，它工作得非常好，直到我用一个不同的CSS属性替换不透明性

再次感谢您的关注和建议。

1）如果您将任何数字除以1，您将得到原始数字，就我所知，您的分区没有任何作用

2） setInterval应写为：

timer = setInterval(increment, ( 1000 / divide ))

还要注意，在全局作用域中，increment（）和start（）不是很好的名称选择，有多少人会想到这些名称，使用匿名函数来包含作用域

(function()
{
  // function is now contained within anonymous function scope and not accessible outside
  function increment(){} 
})()

3） 逻辑上，在你的头脑中一步一步地浏览你的代码。你的代码不起作用

---

4） 把你到目前为止所做的事情整理一下

这与

if

语句有什么关系？还有，您会遇到哪些错误？我无法想象，

笔划宽度

是一个有效的对象文字属性nameSorry，我的问题写得很晚，犯了一个错误。我没有试图将代码插入if条件，而是将其插入if语句块。笔划宽度是SVG属性，告诉HTML绘制形状边框的厚度。