increase progressbar loading time in pace.js

问题

I am using pace.js plugin, it works fine but I want that the progress bar will show for longer time, mean to increase the loading time, so user will see the loading screen for long time, by default it run fast. I will also look at these options but can't understand where to add the code for increasing the loading time.

I try this code,

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

but it will not working.

回答1:

You can describe options or in data-pace-options attribute for script tag with pace.js

Or better - in simple tag script ( plain js ) BEFORE including pace.js ( to set value before library start ) like this:

<!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>

Try in here: http://jsbin.com/pumarikixa/1/

To change speed see eventLag options -

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

Something like http://jsbin.com/pequdepaga/1/

来源：https://stackoverflow.com/questions/28530354/increase-progressbar-loading-time-in-pace-js

标签

javascript

plugins

pace.js