在 pace.js 中增加进度条加载时间

Question

我正在使用 pace.js 插件，它工作正常但我希望进度条显示更长的时间，意味着增加加载时间，所以用户会长时间看到加载屏幕，通过默认它运行快。我也会查看 these 选项，但无法理解在哪里添加代码以增加加载时间。

我试试这个代码，

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

但它不起作用。

Answer 1

您可以使用 pace.js

描述选项或在脚本标记的 data-pace-options 属性中

或更好 - 在简单的标记脚本（纯 js）中，在包含 pace.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/

在 pace.js 中增加进度条加载时间

increase progressbar loading time in pace.js

javascript

plugins

pace.js