Javascript 动漫js问题（完整功能）

我试图复制这个链接中提到的动画

不同之处在于，一旦淡出和覆盖动画完成，我需要更改内容并用新内容替换

我已经尝试使用anime js的完整功能更改文本

看看代码

var-styleindex=0； var stylearray=[SEO，SMM]； 函数选择器{ $'.l1'。每个函数{ $this.html$this.text.replace/[^\x00-\x80]|\w/g，$&； }; } 每个人； 动画。时间线{loop:true} .添加{ 目标：'.l1.字母'， translateY:[100,0]， 翻译Z:0， 不透明度：[0,1]， 放松：easeOutExpo， 持续时间：1400， 耽搁：我是functionel{ 返回300+30*i； } }.添加{ 目标：'.l1.字母'， translateY:[0，-100]， 不透明度：[1,0]， 放松：放松， 持续时间：1200， 耽搁：我是functionel{ 返回100+30*i； }, 完成：功能{ $.l1.textstylearray[styleindex]； 每个人； styleindex++； } }; .加载器{ 宽度：100vw； 高度：100vh； 背景色：262626； 位置：固定； 左：0； 排名：0； z指数：1000； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .l1{ 颜色：RGBA255255,0.1； 字号：9vw } .l1>字母{ 显示：内联块； } 网络开发 我认为当动画的完整事件触发时，eachletter函数会立即替换文本，所以问题就产生了

我关闭了动画的循环，并将其包装到新的函数do_animate中，然后调用它，似乎每个人都可以正常工作

var-styleindex=0； var stylearray=[SEO、SMM、WEB开发]； 函数选择器{ $'.l1'。每个函数{ $this.html$this.text.replace/[^\x00-\x80]|\w/g，$&； }; 做动画； } 每个人； 函数做动画{ 动画。时间线{loop:false} .添加{ 目标：'.l1.字母'， translateY:[100,0]， 翻译Z:0， 不透明度：[0,1]， 放松：easeOutExpo， 持续时间：1400， 耽搁：我是functionel{ 返回300+30*i； } }.添加{ 目标：'.l1.字母'， translateY:[0，-100]， 不透明度：[1,0]， 放松：放松， 持续时间：1200， 耽搁：我是functionel{ 返回100+30*i； }, 完成：功能{ $.l1.textstylearray[styleindex]； styleindex++； 如果styleindex>=stylearray.length{ styleindex=0； } 每个人； } }; } .加载器{ 宽度：100vw； 高度：100vh； 背景色：262626； 位置：固定； 左：0； 排名：0； z指数：1000； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .l1{ 颜色：RGBA255255,0.1； 字号：9vw } .l1>字母{ 显示：内联块； } 网络开发 我认为当动画的完整事件触发时，eachletter函数会立即替换文本，所以问题就产生了

我关闭了动画的循环，并将其包装到新的函数do_animate中，然后调用它，似乎每个人都可以正常工作

var-styleindex=0； var stylearray=[SEO、SMM、WEB开发]； 函数选择器{ $'.l1'。每个函数{ $this.html$this.text.replace/[^\x00-\x80]|\w/g，$&； }; 做动画； } 每个人； 函数做动画{ 动画。时间线{loop:false} .添加{ 目标：'.l1.字母'， translateY:[100,0]， 翻译Z:0， 不透明度：[0,1]， 放松：easeOutExpo， 持续时间：1400， 耽搁：我是functionel{ 返回300+30*i； } }.添加{ 目标：'.l1.字母'， translateY:[0，-100]， 不透明度：[1,0]， 放松：放松， 持续时间：1200， 耽搁：我是functionel{ 返回100+30*i； }, 完成：功能{ $.l1.textstylearray[styleindex]； styleindex++； 如果styleindex>=stylearray.length{ styleindex=0； } 每个人； } }; } .加载器{ 宽度：100vw； 高度：100vh； 背景色：262626； 位置：固定； 左：0； 排名：0； z指数：1000； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .l1{ 颜色：RGBA255255,0.1； 字号：9vw } .l1>字母{ 显示：内联块； } 网络开发