如何循环播放动画?

时间:2012-02-04 19:07:24

标签: jquery

我的图像每5000毫秒都会改变,我想在它们上面加字幕。我有这个:

    function showEl1(){
        $('#wrap').animate({ 
                left: '-450',
            }, 500, function() { 
                $('#wrap').html($('#el1').html()); 
            }).animate({ left: '70',}, 500);
        setTimeout(showEl2, 5000);
    }

    function showEl2(){
        $('#wrap').animate({ 
                left: '-450',
            }, 500, function() { 
                $('#wrap').html($('#el2').html()); 
            }).animate({ left: '70',}, 500);
        setTimeout(showEl3, 5000);
    }

    function showEl3(){
        $('#wrap').animate({ 
                left: '-450',
            }, 500, function() { 
                $('#wrap').html($('#el3').html()); 
            }).animate({ left: '70',}, 500);
        setTimeout(showEl1, 5000);
    }

    $(document).ready(function(){
        showEl1();
    }

它有效但是......我想稍早隐藏字幕,稍等片刻然后显示下一个字幕。怎么做?

1 个答案:

答案 0 :(得分:1)

尝试将每个setTimeout包装在另一个setTimeout中:

setTimeout(function() { setTimeout(showElq, 5000); }, 1000);