我来帮你梳理下AnimeJS时间线的这些操作问题，结合你遇到的坑给你具体解决方案：

一、更新时间线的全局参数 #

首先得明确：AnimeJS时间线初始化后的全局参数（比如loop、delay这类）是无法直接修改的，因为这些配置是在创建时就绑定到时间线内部状态里的。如果要调整这类参数，最稳妥的方式是：

1. 先暂停并销毁旧时间线（正确销毁方法看第三部分）
2. 用新参数重新创建时间线

如果只是想临时调整循环行为，也可以通过监听complete事件手动控制，比如：

timeline.on('complete', function() {
  if (需要停止循环) {
    this.pause();
  } else {
    this.seek(0);
    this.play();
  }
});

二、锚点（时间线片段）的更新、替换与移除 #

你尝试用splice或者remove操作timeline.children出现异常，是因为children是AnimeJS内部维护的片段集合，直接修改会破坏时间线的内部状态，导致不可预料的问题。

1. 替换/更新锚点 #

正确的做法是通过「销毁旧时间线+重建新时间线」的方式，同时保留当前播放进度：

// 记录当前播放进度
const currentProgress = timeline.progress();
// 销毁旧时间线
destroyTimeline(timeline);

// 创建新时间线，替换目标锚点
const newTimeline = anime.timeline({ targets: 'div', loop: true, delay: 500 });
// 保留原第一个锚点
newTimeline.add({ translateY: 50, translateX : 250, scale: 1.5, background: '#00ffff', duration: 1000 })
// 替换原第二个锚点为新配置
.add({ translateY: 150, translateX : 50, scale: 0.8, background: '#ff00ff', duration: 1000 })
// 保留原第三个锚点
.add({ translateY: 0, background: '#ed143d', duration: 1000 });

// 恢复进度并继续播放
newTimeline.progress(currentProgress).play();

2. 移除锚点 #

同样不建议直接操作children，最优方式还是销毁旧时间线，创建不包含目标锚点的新时间线，再恢复之前的播放进度。如果只是临时跳过某个锚点，可以把该锚点的duration设为0，但这种方式不够优雅，还是重建时间线更可靠。

三、彻底销毁时间线（解决内存泄漏与requestAnimationFrame残留） #

你之前尝试delete timeline或直接删除属性的方法是错误的，AnimeJS时间线内部绑定了动画帧监听，必须按以下步骤清理：

正确的销毁流程：

1. 暂停时间线：timeline.pause();
2. 清除所有事件监听：timeline.off();（AnimeJS实例自带off方法，可清除所有绑定的事件）
3. 解除对时间线实例的引用：timeline = null;

封装成函数的话：

function destroyTimeline(tl) {
  if (!tl) return;
  tl.pause();
  tl.off(); // 清除事件监听，终止内部动画帧循环
  tl = null; // 解除引用，让垃圾回收机制回收实例
}

你之前遇到的「后台仍有requestAnimationFrame在运行」的问题，就是因为没调用off()清除事件，或者没解除引用导致实例被持续保留。

总结 #

AnimeJS的时间线设计更偏向一次性创建运行，如果需要动态修改配置或锚点，最稳妥的方式是：

• 记录当前播放进度
• 正确销毁旧时间线
• 用新配置重建时间线并恢复进度

这样既不会出现异常行为，也能保证内存被正确回收。

内容的提问来源于stack exchange，提问作者Fennec