实时JavaScript翻译闪烁

Question

我已经对一些在服务器端而不是在服务器端发生的文本进行了JavaScript转换，但是它在替换时会闪烁，因此对用户不友好。我能做些什么吗？我做了

这弹琴

下面是守则的摘要：

// bind the animation so I can catch a node inserted and then

if(event.animationName == "nodeInserted")
{
    if ($(event.target).hasClass('translate'))
    {
        $(event.target).text(Translate($(event.target).attr('translate')));
    }
}

// where function Translate() replaces the text

然而，当它取代它的时候，它眨眼了，我想不出它是如何变得更友好的。我希望这个例子过于简单化，足以描绘出我的问题。

Answer 1

根据你的小提琴，我可以说几句话。首先，动画是缩短(0.001s)的方式，这可能是它闪烁的原因(动画发生得太快)。

而且，您的淡色开始于50%，而不是0%。

也许这一切我都错了，我不明白你的问题，但我提供和编辑小提琴，让你自己可以看到我指的是什么。这是很好的褪色方式：

http://jsfiddle.net/TMGLX/9/