Javascript 引导传送带更改间隔

显示了更改每张幻灯片间隔的方法。我的无知是深刻的；我对Bootstrap或Javascript都不熟练，也不敢尝试修改

carousel.js

。如何实现这一点？

以下是一些简单的说明，可以利用JSFIDLE中的代码。 您提供的链接中引用的JSFIDLE具有实现它所需的所有代码

创建一个空白的纯文本文件，并将其命名为custom.js（或任何您想要的.js）

将JSFIDLE中的代码放入该文件并保存：

Javascript:

  $(document).ready(function() {
  var t;

  var start = $('#myCarousel').find('.active').attr('data-interval');
 t = setTimeout("$('#myCarousel').carousel({interval: 1000});", start-1000);

 $('#myCarousel').on('slid.bs.carousel', function () {  
  clearTimeout(t);  
  var duration = $(this).find('.active').attr('data-interval');

  $('#myCarousel').carousel('pause');
  t = setTimeout("$('#myCarousel').carousel();", duration-1000);
  });

 $('.carousel-control.right').on('click', function(){
 clearTimeout(t);   
 });

 $('.carousel-control.left').on('click', function(){
 clearTimeout(t);   
 });
 });

您需要将custom.js文件放在站点的某个地方，并在jQuery和bootstrap.js之后将其加载到页面中。您需要设置文件的路径

脚本：

  <script type="text/javascript" src="your path to/custom.js"></script>

所有html、css和代码都在中。你打开了吗？是的。我以前从未使用过外部链接文件中的Javascript。我的页面链接到，和。我知道如何定制CSS；我查看外部CSS文件，确定要修改的类或id，并在我自己的CSS文件（在boostrap.min.CSS文件后链接）中的同一类或id下添加修改。我不知道如何使用Javascript做同样的事情。这是可行的，但转盘将不再在鼠标上方暂停。如果您阅读引导转盘的文档，您可以将

data pause=“hover”

添加到

.carousel

div中。也就是说，来自另一个堆栈溢出问题的代码可能会干扰这一点。每张幻灯片具有不同幻灯片间隔的价格。暂停：'hover'是默认值，以前它工作正常。我同意，修改会干扰悬停暂停。我缺乏JS知识，无法成功地修补它。你的问题是如何从链接的JSFIDLE实现代码，顺便说一句，这个问题已经得到了回答，但还没有被接受。悬停不起作用的事实是另一个问题。