gpt4 book ai didi

javascript - 增加 pace.js 中的进度条加载时间

转载 作者:行者123 更新时间:2023-11-30 08:38:59 28 4
gpt4 key购买 nike

我正在使用 pace.js 插件,它工作正常但我希望进度条显示更长的时间,意味着增加加载时间,所以用户会看到加载屏幕很长时间时间,默认情况下它运行得很快。我也会看these选项,但不明白在哪里添加代码以增加加载时间。

我试试这个代码,

window.paceOptions={
initialRate:0.7,
minTime:1750,
maxProgressPerFrame:1,
ghostTime: 120000
}

但它不会工作。

最佳答案

您可以使用 pace.js 描述选项或在脚本标记的 data-pace-options 属性中

或者更好 - 在包含 pace.js 之前的简单标记脚本(纯 js)中(在库启动之前设置值),如下所示:

<!DOCTYPE html>
<html>
<head>
<script>
paceOptions = {
initialRate:0.7,
minTime:1750,
maxProgressPerFrame:1,
ghostTime: 120000
}
</script>
<script src="https://rawgit.com/HubSpot/pace/master/pace.js"></script>
<link href="https://rawgit.com/HubSpot/pace/master/themes/green/pace-theme-barber-shop.css" rel="stylesheet" />
<meta charset="utf-8">
<title>Pace</title>
</head>
<body>

</body>
</html>

在这里尝试:http://jsbin.com/pumarikixa/1/

要更改速度,请参阅 eventLag 选项 -

  eventLag : {
minSamples: 10,
sampleCount: 300,
lagThreshold: 1
}

类似于 http://jsbin.com/pequdepaga/1/

关于javascript - 增加 pace.js 中的进度条加载时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28530354/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com