Javascript Jquery动画宽度缓和是突然的

我正在尝试使用基本jquery创建自动文本更改效果。工作正常，但最后一部分是chopy。我认为这与元素的固定位置有关。我不确定下一步该怎么办。任何帮助都将不胜感激。多谢各位

var adj=[‘艺术家’、‘展览’、‘社区’、‘合作’、‘作品’、‘集体’、‘运动’、‘订婚’]；
var adj_text=document.getElementsByClassName（'changing-text'）[0]；
var指数=1；
var adj_n=调整长度；
setInterval（函数（）{
$（调整文本）。动画（{width:'0'}，500，function（）{
$（调整文本）
//.hide（）
.文本（调整[索引]）
//.show（）
.制作动画（{宽度：“150”+“px”}，1000）；
})
指数=（指数+1）%adj\n；
}, 2000);
div#iv容器{
高度：100vh；
}
.加载器文本{
左：20%；
最高：50%；
转换：翻译（-20%，-50%）；
位置：绝对位置；
z指数：100；
}
.加载器{
位置：相对位置；
不透明度：0；
游标：默认值；
指针事件：无；
左：0；
过渡：宽度0.5s缓进缓出；
}
.h1装载机{
字体大小：3rem；
字体系列：Dosis；
字体大小：400；
}
.loader h1 span.logo-icon{
字体系列：“31brklyn”；
字体大小：正常；
}
.更改文本{
颜色：rgb（204,0,1）；
位置：固定；
宽度：200px；
}
.加载器{
不透明度：1；
动画：动画和三次贝塞尔（0.7,0,0.3,1）；
}
@初始标题的关键帧{
从{
不透明度：0；
转换：translate3d（-800px，0，0）；
}
}
@字体{
字体系列：“31brklyn”；
src:url（“http://31stbrklyn.com/css/fonts/31brklyn.eot");
src:url（“http://31stbrklyn.com/css/fonts/31brklyn.eot?#iefix）格式（“嵌入式opentype”），
网址（“http://31stbrklyn.com/css/fonts/31brklyn.woff）格式（“woff”），
网址（“http://31stbrklyn.com/css/fonts/31brklyn.ttf）格式（“truetype”），
网址（“http://31stbrklyn.com/css/fonts/31brklyn.svg#31brklyn）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}

第31萨提斯
将
设置间隔中的
跨度
宽度增加到
250px
，如下所示：

setInterval(function() {
$(adj_text).animate({width: '0'}, 1000, function(){
     $(adj_text)
     // .hide()
      .text(adj[index])
      // .show()
      .animate({width: "250"+"px"}, 500); 
  })

    index = (index + 1) % adj_n;
}, 2000);

希望它能解决您的问题。
谢谢！成功了。