當前位置:
首頁 >
模仿滴滴单车解锁的时候,从0%到90%的欺骗加载动画效果
發布時間:2023/11/27
19
豆豆
默认站点
收集整理的這篇文章主要介紹了
模仿滴滴单车解锁的时候,从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)*/
?
總結
以上是默认站点為你收集整理的模仿滴滴单车解锁的时候,从0%到90%的欺骗加载动画效果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: $g.$utils.实用工具类
- 下一篇: VS2019生成C++开发的exe文件可