更改引导程序 4.2 轮播持续时间答案

【问题标题】：change bootstrap 4.2 carousel duration更改引导程序 4.2 轮播持续时间
【发布时间】：2019-03-01 18:19:03
【问题描述】：

如何在脚本中更改 BS4.2 中的轮播过渡或淡入淡出持续时间？ BS 文档是这样说的：

更改过渡持续时间

.carousel-item 的过渡持续时间可以在编译之前使用$carousel-transition Sass 变量进行更改，或者如果您使用已编译的 CSS，则可以自定义样式。如果应用了多个转换，请确保首先定义转换转换（例如transition: transform 2s ease, opacity .5s ease-out）。

我正在使用 CSS。我可以使用js更改过渡吗？例如类似于我更改间隔的方式：

<script>
    $( '.carousel' ).carousel( {
        interval: 6000
    } )
</script>

【问题讨论】：

标签： javascript css bootstrap-4 carousel

【解决方案1】：

嗨@dandan，不，您可以通过 JavaScript 修改它，但您可以在自定义 CSS 中更改它

例如：

.carousel-item {
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

【讨论】：

【解决方案2】：

是的，它应该工作。您是否尝试检查此代码？如果您尝试使用这个，它是否显示任何错误？

【讨论】：

我写的代码是用于间隔的，是的，它确实有效。它不适用于过渡持续时间。我需要过渡持续时间的代码。
那么修改过渡持续时间的正确语法是什么？
我认为你不能在引导程序中使用 js 来改变它。正如他们在 CSS 中定义的过渡一样。所以它应该可以通过它进行编辑。如果你想使用 js 改变过渡时间，那么你需要调用 setInterval 函数。参考。 w3schools.com/jsref/met_win_setinterval.asp