为什么不'；我的javascript字幕移动是否平稳？

我已经使用javascript创建了一个字幕。它将从屏幕的右向左移动，显示许多图像。图像不像在字幕中那样平滑移动，而是像在自动幻灯片中一样缓慢移动

const slideContainer=document.querySelector（'.container'）；
常量幻灯片=document.querySelector（'.slides'）；
常数间隔=1000；
let slides=document.queryselectoral（'.slide'）；
设指数=1；
const firstClone=slides[0]。克隆节点（true）；
const lastClone=slides[slides.length-1].cloneNode（true）；
firstClone.id='first clone'；
lastClone.id='lastClone'；
幻灯片。追加（第一个克隆）；
幻灯片。预结束（lastClone）；
const slidewidth=slides[index].clientWidth；
slide.style.transform=`translateX（${-slidewidth*index}px，0）`；
slide.style.transition=`.7s`；
常数startSlide=（）=>{
设置间隔（（）=>{
索引++；
slide.style.transform=`translateX（${-slidewidth*index}px）`；
slide.style.transition=`.7s`；
}，间隔）；
};
slide.addEventListener（'transitionend'，（）=>{
slides=document.queryselectoral（'.slide'）；
控制台日志（索引）；
如果（幻灯片[index].id==firstClone.id）{
slide.style.transition=`none`；
指数=1；
slide.style.transform=`translateX（${-slidewidth*index}px）`；
}
});
startSlide（）
{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
保证金：0自动；
宽度：40vw；
高度：85vh；
边框：2px实心#8e6c5e；
边界半径：10px；
位置：相对位置；
溢出：隐藏；
}
.藏{
显示：无；
}
.幻灯片{
显示器：flex；
身高：100%；
}
.幻灯片{
/*对象匹配：包含*/
最小宽度：100%
}
.幻灯片图像{
宽度：100%；
身高：100%；
显示器：flex；
}

命运之牌
我检查了你的代码，你看起来做的事情实际上是正确的，你只是没有过渡到滑块的开头，因此弹出效果我检查了你的代码，你看起来做的事情实际上是正确的，你只是没有过渡到滑块的开头，因此弹出效果