Javascript Anime.js-拖动滑块并更新旋转速度？

我有一个滑块和一个旋转动画

比如说：

speed = 2000
var rotate1 = anime({
        targets: '#ferris',
          rotate: '1turn',
         loop:false,
         easing: 'linear',
        duration: speed,
    })

每次我更新滑块中的值时，我都会更新速度，我想以某种方式再次调用动画，停止旧的动画，并使用更新后的速度值启动新的动画

我该怎么做？我试着搞乱rotate1.pause和rotate1.restart，但都没有用

---

感谢您使用的是

幻灯片

我知道您所说的输入类型为

范围

基本上您只需将

oninput

事件添加到您的幻灯片中，如下所示：

<input type="range" min="5" max="10" step="1" oninput="changeSpeed(this.value)" onchange="changeSpeed(this.value)">

参考资料：

附言：

---

-此代码未经测试，如果您有问题，请发表意见，说明您使用的是

幻灯片

，我知道您所说的输入类型为

范围

，基本上您只需将

oninput

事件添加到滑块中，如下所示：

<input type="range" min="5" max="10" step="1" oninput="changeSpeed(this.value)" onchange="changeSpeed(this.value)">

参考资料：

附言： -此代码未经测试，如果有问题，请发表评论