ember-introjs
Version:
An Ember Component for intro.js
77 lines (63 loc) • 1.66 kB
HTML
<html>
<head>
<title>Worker pool statistics</title>
<style>
body {
width: 600px;
font: 11pt arial;
}
</style>
<script src="../../dist/workerpool.js"></script>
</head>
<body>
<p>
Create some tasks and watch the statistics
</p>
<input type="button" id="sleep2" value="Create a sleep task (2 seconds)">
<input type="button" id="sleep5" value="Create a sleep task (5 seconds)">
<pre>
<code id="stats"></code>
</pre>
<script>
var pool = workerpool.pool({maxWorkers: 4});
// show current stats of the workerpool on screen
function updateStats () {
document.getElementById('stats').innerHTML = JSON.stringify(pool.stats(), null, 2);
}
setInterval(updateStats, 200);
/**
* A dumb task that waits for some time before resolving
* @param {number} duration duration in milliseconds
* @return {Promise}
*/
function sleep (duration) {
return new Promise (function (resolve, reject) {
setTimeout(resolve, duration)
})
}
document.getElementById('sleep2').onclick = function () {
console.log('start sleep(2000)');
pool.exec(sleep, [2000])
.then(function () {
console.log('finished sleep(2000)');
})
.catch(function (err) {
console.error(err);
});
updateStats();
};
document.getElementById('sleep5').onclick = function () {
console.log('start sleep(5000)');
pool.exec(sleep, [5000])
.then(function () {
console.log('finished sleep(5000)');
})
.catch(function (err) {
console.error(err);
});
updateStats();
};
</script>
</body>
</html>