javascript - 实时 JavaScript 翻译闪烁

Question

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

this jsfiddle

这里是代码的总结:

// 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

根据您的 fiddle ，我可以发表一些评论。首先，您的动画太短了 (0.001s)，这可能是它闪烁的原因(动画发生得太快)。

此外，您的渐变从 50% 开始，而不是 0%。

也许我对这一切都错了，我不明白你的问题，但我已经提供并编辑了 fiddle ，所以你可以自己看看我指的是什么。以这种方式褪色很好:

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