遍歷延遲插入,從最下面出現,實現向上升的效果,到本來的位置中止ajax
$.ajax({ url: "./equpment/lastInfo",//請求數據 dataType: 'json', success: function (results) { var top=0; $(results).each(function(index,car){ var li='<li style="bottom:0;position:absolute;">Id爲'+car.equpid+'的車輛'+car.equpname+'在'+car.gps_date+'耕做了'+parseFloat(car.area/666.6667).toFixed(2)+'畝地</li>'; //讓li出如今最下面 setTimeout(function () { if(index==0){ top=0; }else{ top+=40; } $('#ul').append(li);//插入ul $("#ul li:last").animate({top:top},8000);//讓第一個li在8秒內top爲40,讓第二個li在8秒內top爲80; }, index*1000);//一秒出現一個li }); } });