setTimeout Jquery help - PullRequest
Новая
       8

setTimeout Jquery help

0 голосов
/ 27 сентября 2011

как я могу установить timetime на 1 секунду, чтобы произошла следующая анимация, я попытался использовать SetTimeout, но это не сработало, вот код 

$(document).ready(function(){
$('.caption_logo .flying-text').css({opacity:0});
$('.caption_logo .active-text').animate({opacity:1, marginLeft: "-350px"}, 500);

var intval = setInterval(changeText, 300);    

function changeText(){
    var $activeText = $(".caption_logo .active-text");

    var $nextText = $activeText.next();
    if($activeText.next().length == 0) clearInterval(intval);

    $nextText.css({opacity: 0}).addClass('active-text').animate({opacity:1, marginLeft: "-350px"}, 500, function(){

    $activeText.removeClass('active-text');                                           
    });
}
});

1 Ответ

0 голосов
/ 27 сентября 2011

Можете ли вы попробовать использовать функцию setTimeout, как показано ниже: 

$(document).ready(function(){
    $('.caption_logo .flying-text').css({opacity:0});
    $('.caption_logo .active-text').animate({opacity:1, marginLeft: "-350px"}, 500);

    setTimeout(changeText, 300);    

    function changeText(){
        var $activeText = $(".caption_logo .active-text");

        var $nextText = $activeText.next();

        if($activeText.next().length > 0) setTimeout(changeText, 300);

        $nextText.css({opacity: 0}).addClass('active-text').animate(
            {
                opacity:1, 
                marginLeft: "-350px"
            }, 
            500, 
            function(){
                $activeText.removeClass('active-text');                                           
            }
        );
    }
});

Надеюсь, это сработает для вас.

...