mirror of https://github.com/IoTcat/kayo.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
4 years ago
|
var loadingBar = document.querySelector(".loading-bar");
|
||
|
var progress = document.querySelector(".loading-bar .progress");
|
||
|
var timer = null;
|
||
|
|
||
|
|
||
|
// Pjax 开始时执行的函数
|
||
|
var loadingbarStart = function () {
|
||
|
// 进度条默认已经加载 20%
|
||
|
var loadingBarWidth = 20;
|
||
|
// 进度条的最大增加宽度
|
||
|
var MAX_LOADING_WIDTH = 95;
|
||
|
|
||
|
// 显示进度条
|
||
|
loadingBar.classList.add("loading");
|
||
|
// 初始化进度条的宽度
|
||
|
progress.style.width = loadingBarWidth + "%";
|
||
|
|
||
|
clearInterval(timer);
|
||
|
timer = setInterval(function () {
|
||
|
// 进度条的增加速度(可以改为一个随机值,显得更加真实)
|
||
|
loadingBarWidth += 3;
|
||
|
|
||
|
// 当进度条到达 95% 后停止增加
|
||
|
if (loadingBarWidth > MAX_LOADING_WIDTH) {
|
||
|
loadingBarWidth = MAX_LOADING_WIDTH;
|
||
|
}
|
||
|
|
||
|
progress.style.width = loadingBarWidth + "%";
|
||
|
}, 500);
|
||
|
};
|
||
|
|
||
|
|
||
|
// Pjax 完成之后执行的函数
|
||
|
var loadingbarStop = function () {
|
||
|
clearInterval(timer);
|
||
|
progress.style.width = "100%";
|
||
|
loadingBar.classList.remove("loading");
|
||
|
|
||
|
setTimeout(function () {
|
||
|
progress.style.width = 0;
|
||
|
}, 400);
|
||
|
};
|