Question

好的，所以我制作了一个计时器，让我的部分SVG映射fadeOut，因为它们超过了某些阈值。但是，我想搞乱CSS的其他部分。

我查看了这篇文章，但就我的问题而言无法理解它。

**以下编辑**

感谢您的帮助，我看了一下我的代码并尝试清除一些不需要的东西。我还重构了我的if语句，将它放在JQuery代码中。我尝试了下面的建议，在区间函数之外分配var计时器，但是我的开始按钮不再有效，脚本开始在页面加载时运行。所以，我把它移回来让事情顺利进行。另外，将我的代码放入JSFiddle，但我无法使其正常工作。在此期间，我会花更多的时间熟悉这一点。谢谢你介绍我。

至于我原来的问题：只要我将其设置为更改opacity属性，.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属性替换opacity。

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

Answer 1

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）创造你到目前为止所做的事情

将JQuery .css放入条件语句中

1 个答案: