首页 > 模仿滴滴单车解锁的时候,从0%到90%的欺骗加载动画效果

模仿滴滴单车解锁的时候,从0%到90%的欺骗加载动画效果

   /**欺骗加载动画效果…*/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)*/

 

更多相关: