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.
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.
Share Improve this question edited Feb 18, 2015 at 2:25 Alexander O'Mara 60.7k19 gold badges173 silver badges181 bronze badges asked Feb 15, 2015 at 19:46 user4259777user42597771 Answer
Reset to default 5 +50You 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./HubSpot/pace/master/pace.js"></script>
<link href="https://rawgit./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./pumarikixa/1/
To change speed see eventLag options -
eventLag : {
minSamples: 10,
sampleCount: 300,
lagThreshold: 1
}
Something like http://jsbin./pequdepaga/1/