javascript - 如何使用动画 JQuery

Question

我正在创建进度条并将其设置为 80% 的动画。我希望当它达到 80% 时，它会停留 3 到 4 秒，然后动画到 0%。

fiddle :https://jsfiddle.net/r6zj42u3/1/

我的JS

var progessss = $('#progressBar');
var counterProgressBar = 1;

for(var x = 0; x <= 1; x++){

    if(counterProgressBar === 1)
    {
        progessss.animate({
            'width':'+=80%'
        },1000);

    }

    counterProgressBar++;
}

我在努力

var progessss = $('#progressBar');
var counterProgressBar = 1;

for(var x = 0; x <= 1; x++){

    if(counterProgressBar === 1)
    {
        progessss.animate({
            'width':'+=80%'
        },1000);

    }
    else
    {
        progessss.animate({
          'width':'0%'
        },1000);
    }

    counterProgressBar++;
}

Answer 1

你可以为此使用setTimeout

setTimeout(function(){ progessss.animate({
    'width':'0%'
},1000); }, 4000);

Fiddle