Javascript 每个幻灯片的实时时间间隔修改

对于一个项目，我想使用一些基本的表单输入，在旋转木马中分别实时修改每个幻灯片间隔

<input type="number" id="slide1">

在我不同的休息时间，一切都很好

但是现在。。。无法在转盘初始化后更改间隔

有什么想法吗

先谢谢你

编辑

---

问题是我的旧版本的引导…

看起来您可以使用数据间隔标记属性并以这种方式操纵时间。请参阅下面的代码片段

函数formChecke{ e、 防止违约； 设$slide1=$durSlide1.val； 如果$slide1>0{ $slide1.attrdata-interval，$slide1*1000； }否则{ $slide1.removeAttrdata-interval； } 设$slide2=$durSlide2.val； 如果$slide2>0{ $slide2.attrdata-interval，$slide2*1000； }否则{ $slide2.removeAttrdata-interval； } 设$slide3=$durSlide3.val； 如果$slide3>0{ $slide3.attrdata-interval，$slide3*1000； }否则{ $slide3.removeAttrdata-interval； } $.carousel.carouselnext； } 提交 占位符 第一张幻灯片 占位符 第二张幻灯片 第三张幻灯片

---

在初始化后更改旋转木马时，您需要处理当前的旋转木马，并使用新选项重新初始化旋转木马。谢谢，但我真的不知道如何操作。你有什么例子吗？谢谢。但是，这只在前两张幻灯片中起作用，在此之后，如果我更改间隔，新值将出现但不起作用…我在第一段代码中发布了一个错误，即第三张幻灯片使用的是输入框2值。我已经在发布代码的几分钟内纠正了这个问题，但是您可能仍然在运行旧代码。尝试在浏览器上进行硬刷新，然后再次运行代码段。另外，您使用的浏览器是什么？

$.fn.carousel.Constructor.prototype.cycle = function (event)
{
    if (!event)
        this._isPaused = false;

    if (this._interval)
    {
        clearInterval(this._interval);
        this._interval = null;
    }

    if (this._config.interval && !this._isPaused)
    {
        var item = $('.carousel-item-next');
        var newInterval = item.data('interval') || this._config.interval;

        this._interval = setInterval(
        (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),
        newInterval);
     }
};