如何使用动画JQuery

Question

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

小提琴：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

Answer 2

这个one

怎么样？

var progessss = $('#progressBar');
progessss.animate({
    'width':'+=80%'
},1000);

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