Javascript 猫头鹰转盘的问题始于延迟

代码笔-猫头鹰转盘2侧边导航-左侧和右侧
.主要内容{
位置：相对位置；
}
.主要内容.猫头鹰主题.自定义导航{
位置：绝对位置；
最高：20%；
左：0；
右：0；
}
.main content.owl theme.custom nav.owl prev.main content.owl theme.custom nav.owl next{
位置：绝对位置；
高度：100px；
颜色：继承；
背景：无；
边界：无；
z指数：100；
}
.main content.owl theme.custom nav.owl prev i、.main content.owl theme.custom nav.owl next i{
字体大小：2.5rem；
颜色：#cecece；
}
.主要内容.猫头鹰主题.自定义导航.猫头鹰预览{
左：0；
}
.main content.owl主题.自定义导航.owl下一步{
右：0；
}
.owl转盘，.owl转盘.owl项目
{-webkit点击突出显示颜色：透明；
位置：相对}
.猫头鹰转盘
{显示：无；
宽度：100%；
z-索引：1}
.猫头鹰旋转木马.猫头鹰舞台
{位置：相对位置；
-ms触摸动作：泛Y；
触摸动作：操作；
-moz背面可见性：隐藏}
.猫头鹰旋转木马.猫头鹰舞台：之后
{内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
高度：0}
.猫头鹰转盘.猫头鹰舞台外部
{位置：相对位置；
溢出：隐藏；
-webkit转换：translate3d（0,0,0）}
.owl carousel.owl项目.owl carousel.owl包装
{-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-ms背面可见性：隐藏；
-webkit转换：translate3d（0,0,0）；
-moz变换：translate3d（0,0,0）；
-ms变换：translate3d（0,0,0）}
.猫头鹰转盘.猫头鹰物品
{最小高度：1px；
浮动：左；
-webkit背面可见性：隐藏；
-webkit触摸标注：无}
.猫头鹰传送带.猫头鹰物品img
{显示：块；
宽度：100%}
.owl carousel.owl dots.disabled.owl carousel.owl-nav.disabled
{显示：无}
.no js.owl转盘，.owl-carousel.owl-loaded
{显示：块}
.owl carousel.owl dot.owl carousel.owl nav.owl next.owl carousel.owl nav.owl prev
{游标：指针；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无}
.owl carousel.owl导航按钮.owl next.owl carousel.owl导航按钮.owl prev.owl carousel按钮.owl dot
{背景：0；
颜色：继承；
边界：无；
填充：0！重要；
字体：inherit}
.owl-carousel.owl-loading
{不透明度：0；
显示：块}
.owl-carousel.owl-hidden
{不透明度：0}
.owl-carousel.owl-refresh.owl项目
{可见性：隐藏}
.owl-carousel.owl-drag.owl项目
{-ms触摸动作：pan-y；
触摸动作：泛y；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无}
.猫头鹰旋转木马
{光标：移动；
光标：抓取}
.owl-carousel.owl-rtl
{方向：rtl}
.owl-carousel.owl-rtl.owl项目
{float:right}
.猫头鹰旋转木马.动画
{动画持续时间：1s；
动画填充模式：两者}
.猫头鹰旋转木马.猫头鹰在
{z-索引：0}
.猫头鹰旋转木马.猫头鹰动画
{z-索引：1}
.猫头鹰旋转木马.淡出
{动画名称：淡出}
@关键帧淡出{0%{opacity:1}100%{opacity:0}
.owl高度{转换：高度.5s缓进缓出}
.owl carousel.owl item.owl lazy
{不透明度：0；
转换：不透明度.4s ease}
.owl carousel.owl item.owl lazy:not（[src]），.owl carousel.owl item.owl lazy[src^=”“]{最大高度：0}
.owl转盘.owl项目img.owl-lazy
{变换样式：preserve-3d}
.owl carousel.owl视频包装器
{位置：相对位置；
身高：100%；
背景：#000}
.owl转盘.owl视频播放图标
{位置：绝对位置；
高度：80px；
宽度：80px；
左：50%；
最高：50%；
左边距：-40px；
利润上限：-40px；
背景：url（owl.video.play.png）不重复；
光标：指针；
z指数：1；
-webkit背面可见性：隐藏；
转换：transform.1s ease}
.owl旋转木马.owl视频播放图标：悬停
{-ms变换：标度（1.3,1.3）；
变换：缩放（1.3,1.3）}
.owl carousel.owl video playing.owl video playing图标.owl carousel.owl video playing.owl video tn
{显示：无}
.猫头鹰转盘.猫头鹰视频传送带
{不透明度：0；
身高：100%；
背景位置：中心；
背景重复：无重复；
背景尺寸：包含；
转换：不透明度.4s ease}
.猫头鹰转盘.猫头鹰视频帧
{位置：相对位置；
z指数：1；
身高：100%；
宽度：100%}
$（文档）.ready（函数（）{
$（'.owl carousel'）。owl carousel({
循环：对，
项目：4，
自动播放：对，
幻灯片转换：“线性”，
自动播放速度：6000，
智能速度：6000，
循环：对，
自动播放暂停：false，
中：是的，
});
设置超时（设置速度，1000）；
});

您必须使用

autoplayTimeout

属性。 此外，我还添加了一个逻辑，它将在第一次渲染后更新

autoplayTimeout

JS:

您可以在“文档”页面上查看“自动播放”部分

---

您必须使用

autoplayTimeout

属性。 此外，我还添加了一个逻辑，它将在第一次渲染后更新

autoplayTimeout

JS:

您可以在“文档”页面上查看“自动播放”部分

---

嗨！非常感谢你的帮助！这正是我想要的！！如果你还好的话，我能再问一个问题吗？在您的帮助下，现在它立即开始：D但滑动速度也很快~是否有任何方法可以像上一个版本“autoplayTimeout:1000”一样保持滑动速度？非常感谢，祝您度过愉快的一天你的意思是用1秒起首，然后每个滑块持续6秒？是的，就是那一个：dBook help from:和Hi！非常感谢你的帮助！这正是我想要的！！如果你还好的话，我能再问一个问题吗？在您的帮助下，现在它立即开始：D但滑动速度也很快~是否有任何方法可以像上一个版本“autoplayTimeout:1000”一样保持滑动速度？非常感谢，祝您度过愉快的一天DYou的意思是用1秒开始，然后每个滑块持续6秒？是的，就是那一个：DTook help from:and

var $carousel = $(".owl-carousel");
$carousel.owlCarousel({
  loop: true,
  items: 1,
  autoplay: true,
  slideTransition: "linear",
  autoplayTimeout: 1000, /*(ms you want)*/
  loop: true,
  autoplayHoverPause: false,
  center: true,
});

setTimeout(() => {
  var carouselData = $carousel.data();
  var carouselOptions = carouselData['owl.carousel'].options;
    carouselOptions.autoplayTimeout = 6000;
  $carousel.trigger('refresh.owl.carousel');
}, 1000);