https://lookingtest.livinginsider.com/html_review_last', type: "get", dataType: "json", success: function(data) { if(typeof callBack == 'function'){ callBack(data); } }, error: function(err) { alert_system(err.status); } }); } function mainGenReviewHtml(){ getDataReviewHtml(function(data){ if(data.status == 0){ globalHtmlReview = data.data; } height_div_review = $('.card-block-review > div:first-child').height(); // check array globalHtmlReview if(Object.keys(globalHtmlReview).length > 0){ // $('.progress-review').show(); tempInterVal = setInterval(function(){ if(timeStart > 40) timeStart=0; changeReviewAndBar(); timeStart += 1; }, 100); } }); } function changeReviewAndBar(){ // $('.progress-review .progress-bar').css('width', `${timeStart*2.5}%`); if(timeStart >= 40){ $(globalHtmlReview[countReview]).insertBefore($('.card-block-review > div:first-child')).css({'opacity':0,'height':`0px`}); $('.card-block-review > div:first-child').animate({height:height_div_review},500); setTimeout(function(){ $('.card-block-review > div:first-child').css({'opacity':1}); $('.card-block-review > div:last-child').hide().remove(); }, 500); countReview++; if(countReview >= globalHtmlReview.length) countReview=0; } }