javascript - 使用 javascript 的亮化效果

Question

我想在 JavaScript 中使用递归来产生无限循环。事实上，我希望给图像一个来来去去的效果，没完没了。

让我们先看一些代码：

function lightening(){
    $('#pic_holder').fadeOut(250).fadeIn(250);
    setTimeout('lightening', 250);
}

这个函数，正如它所写的，应该

应用fadeOut(250)和fadeIn(250)效果；
使用该setTimeout函数，该函数必须递归调用该lightening函数，此后重新应用 [ fadeOut-fadeIn 效果和setTimeout ] 代码块。

你会同意，这应该无限期地进行，但事实并非如此。

这是完整的测试代码，带有 HTML，如您所见，它只应用了一次 fadeOut-fadeIn 效果。

我究竟做错了什么？

score 7 · Accepted Answer

你真正应该做的是：

function lightening(){
  $('#pic_holder').fadeOut(250).fadeIn(250, lightening);
}

这将使下一个循环在淡入完成时开始。将您自己的超时与 jQuery 动画调用隐含的超时混合起来很棘手，而且通常是不必要的。在您的情况下，您将在前一个周期的中途开始一个新周期，这实际上要到 250 毫秒后才会生效。

score 6 · Accepted Answer

第一个参数setTimeout可以是：

你的函数没有被调用，因为你只是在一个字符串中有它的名字。删除单引号。

function lightening(){
    $('#pic_holder').fadeOut(250).fadeIn(250);
    setTimeout(lightening, 250);
}

score 3 · Accepted Answer

不要使用 2 个相互竞争的计时器，它们要么有间歇性错误，要么必须过于慷慨，而是使用回调：

function lightening(){
    $('#pic_holder').fadeOut(250).fadeIn(250, lightening);
}

score 1 · Accepted Answer

1

删除报价。

setTimeout(lightening, 250);

于 2013-07-16T15:05:06.563 回答

4 回答 4