最后,我的javascript正在加速衰退

最后,我的javascript正在加速衰退,javascript,fade,Javascript,Fade,我的文本的转换是完美的,除非在转换结束时它会加速。我需要我的文字继续有相同的发式时间,而不是加快 $(function () { var string = "Through education, we can all BeSafer"; var dest = $('#fadeIn'); var c = 0; var i = setInterval(function () { if (c >= string.length) { clearInterval(i);

我的文本的转换是完美的,除非在转换结束时它会加速。我需要我的文字继续有相同的发式时间,而不是加快

$(function () {
var string = "Through education, we can all BeSafer";
var dest = $('#fadeIn');
var c = 0;
var i = setInterval(function () {
    if (c >= string.length) {
        clearInterval(i);
        dest.text(string);
    } else {
        $('<span>').text(string[c]).
        appendTo(dest).hide().fadeIn(3500);
        c += 1;
    }
}, 80);
$(函数(){
var string=“通过教育,我们都可以更安全”;
var dest=$('fadeIn');
var c=0;
变量i=设置间隔(函数(){
如果(c>=string.length){
间隔时间(i);
目的文本(字符串);
}否则{
$('').text(字符串[c])。
appendTo(dest.hide().fadeIn(3500);
c+=1;
}
}, 80);

一个简单的解决方法-在句子末尾添加一些空格

var string = "Through education, we can all BeSafer                         ";

没有加速。在动画结束时,您只需用文本覆盖所有内容,在动画元素完成之前销毁它们。顺便说一句,不要使用
setInterval
进行动画,而是使用。您知道缓和选项吗?也许您想要线性而不是默认值,即swing.using(jQuery动画已返回承诺),你可以做一些事情,比如不做什么。你需要根据你的动画速度来计算空格。如果多余的空格不在同一行上,它会破坏布局。如果你选择将所有文本居中,它会将所有文本向左移动。它会堆积在误用
setInterval
,compoundi的顶部我们正在解决这个问题。