/**欺騙加載動畫效果…*/var text = '已解鎖{value}%';var interval;var __fakeLoading = function (callback, time, per) {time || (time = 30);//1~90是間隔30毫秒累加1per || (per = 0);interval && clearInterval(interval);interval = setInterval(function () {per++;var max = 90;//到達這個數字，就開始減速var end = 100;//結束var step = 200;//減速幅度var isEnd = per > end;callback && callback(isEnd ? 'end' : text.replace(/{value}/g, per));per > max && (isEnd ? clearInterval(interval) : __fakeLoading(callback, (per - max) * step, per));//開始減緩速度}, time);};var __end = function () {clearInterval(interval);document.querySelector('div').innerHTML = '解鎖完畢';};__fakeLoading(function (v) {document.querySelector('div').innerHTML = v;});/*setTimeout(function () {//如果系統提前解鎖執行下面的__end();}, 1000)*/

?

總結

以上是默认站点為你收集整理的模仿滴滴单车解锁的时候，从0%到90%的欺骗加载动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得默认站点網站內容還不錯，歡迎將默认站点推薦給好友。