Javascript 如何设置引导转盘上显示的文本的动画？

我在我的网站上有一个引导旋转木马，其中包含以下三个元素：

            <a><img data-src="img" alt="Third slide" src="img">
        </a>
         <div class="carousel-caption">             
        <h2>  
  <ul id="columncarro4" type="circle" style="">
          <li>text1</li><br>
          <li>text</li><br>
          <li>text</li>

          </ul>

         </h2>
        </div>
      </div>

$(document).ready(function(){
    var interval;
    function animate() {
        $('#columncarro4').animate({'margin-left':'-3%'}, 500)
        .animate({'margin-left':'-255px'}, 'slow');
    }
    function start() {
        interval = setInterval(animate, 5000);
    }
    $('#columncarro4').click( function() {
        clearInterval(interval);
        animate();
        start();
    });
    start();
});

我希望第二张幻灯片的动画在第二张转盘幻灯片出现时开始

我有三个动画，但它们从网页开始就开始了，并且没有与幻灯片一起出现

 $(document).ready(function(){

                $('#columncarro4').animate({...

该代码将在文档准备就绪-页面完全加载时启动动画功能。你必须用另一个事件来包装它——在发生了什么之后，你希望它确切地在什么时候开始？例如，如果希望在单击旋转木马后启动动画，则应执行以下操作：

$(document).ready(function(){
       $('#columncarro4').click(function(){
            $('#columncarro4').animate({
                       'margin-left':'-3%'
            },500).animate({

                       'margin-left':'-255px'
            },'slow');
        });
  });

使用SetInterval（）

编辑： 试着这样做：

            <a><img data-src="img" alt="Third slide" src="img">
        </a>
         <div class="carousel-caption">             
        <h2>  
  <ul id="columncarro4" type="circle" style="">
          <li>text1</li><br>
          <li>text</li><br>
          <li>text</li>

          </ul>

         </h2>
        </div>
      </div>

$(document).ready(function(){
    var interval;
    function animate() {
        $('#columncarro4').animate({'margin-left':'-3%'}, 500)
        .animate({'margin-left':'-255px'}, 'slow');
    }
    function start() {
        interval = setInterval(animate, 5000);
    }
    $('#columncarro4').click( function() {
        clearInterval(interval);
        animate();
        start();
    });
    start();
});

---

或者，如果您有一个事件在旋转木马更改时被触发，您可以绑定到该事件。

您能再解释一下吗？我的旋转木马每5秒更改一次幻灯片，我需要在旋转木马更改时开始动画。这是正确的，谢谢，但是旋转木马每五秒钟更换一次，所以我需要一个动画，在旋转木马更换时开始。谢谢，但我有一个问题，我有指示器，用户也可以手动更改幻灯片使用这两个功能，每五秒钟播放一次动画，也可以在用户单击时播放，如果需要，也可以禁用setInterval一段时间，方法是将函数包装在检查控制变量的if块中。谢谢，我正在尝试这段代码，但我不知道为什么不起作用，但似乎做得很好。什么时候开始通话？@AlejandroGonzalez你有什么问题？启动document.ready（）时会生成开始代码。

$（'columncarro4'）。单击（

应为

$（'columncarro4'）。单击（