html:
1
646<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="index.js"></script>
</head>
<body>
<p id="nump">0</p>
<button id="start">点击开始</button>
<button id="stop">点击暂停</button>
</body>
</html>
调用web-worker部分的js:
var nump;
var work = null;
window.onload = function(){
nump = document.getElementById("nump");
document.getElementById("start").onclick = startWorker;
document.getElementById("stop").onclick = function(){
if(work){
work.terminate();
work = null;
}
}
}
function startWorker(){
if(work){
return;
}
work = new Worker("count.js");
work.onmessage = function(e){
nump.innerHTML = e.data;
sessionStorage.sum = e.data;
}
}
web-worker：实现一个自加的功能。
var countNum = 0;
function count(){
postMessage(countNum);
countNum++;
setTimeout(count,1000);
localStorage.num = countNum;
}
count();
现在的问题是如何存储web-worker中的返回值countNum,以便点击暂停按钮，再点击开始按钮后，继续从上一次暂停的数值开始增加？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
web-work是双向通讯的