Javascript 为什么此幻灯片在结束时会更改过渡时间?

Javascript 为什么此幻灯片在结束时会更改过渡时间?,javascript,slideshow,transition,Javascript,Slideshow,Transition,嗨,我做了一个基本的幻灯片,每隔几秒钟就向上滑动一次 我已经抛出了一个if语句来将它回滚到开始,为什么我不能让它更快地返回到开始呢?它似乎只是停留在原来的过渡时间 风险值水平=-300; 功能幻灯片{ var cont=document.getElementById'container'; cont.style.transitionDuration=3s; cont.style.transform=translate-0px,+level+px; 级别=级别-300; 如果级别==-900{

嗨,我做了一个基本的幻灯片,每隔几秒钟就向上滑动一次

我已经抛出了一个if语句来将它回滚到开始,为什么我不能让它更快地返回到开始呢?它似乎只是停留在原来的过渡时间

风险值水平=-300; 功能幻灯片{ var cont=document.getElementById'container'; cont.style.transitionDuration=3s; cont.style.transform=translate-0px,+level+px; 级别=级别-300; 如果级别==-900{ 倒转 } } 函数反向{ 级别=0; cont.style.transitionDuration=1s; cont.style.transform=translate-0px,+level+px; 幻灯片放映; } setIntervalslideshow,6000 身体{ 填充:0px; 边际:0px; } 展示{ 宽度:450px; 高度:300px; 溢出:隐藏; 利润率:150px 450px; } 容器{ } 集装箱img{ 高度:300px; 宽度:450px; 右边填充:0px; 浮动:左; }
请在您的帖子中包含相关代码。使用可能的代码片段。另外,您的代码有一个错误,它根本没有运行:uncaughtreferenceerror:cont没有定义。不幸的是,您不能这样更改转换时间。我自己制作了一张幻灯片,最后使用了两种不同的元素来控制您案例中的定位平移 — 一个有一个平滑和缓慢的滚动和另一个没有平滑或更快的滚动在您的情况。只有这样,才有可能以独立的速度等独立地更改翻译。但最终,这是一个健壮且相对简单的解决方案。