1短纵、代碼:
<script type="text/javascript">
//創(chuàng)建一個空數(shù)組存放worker
var btn = document.getElementById("button");
btn.onclick = function(){
//1.判斷當(dāng)前瀏覽器是否支持worker
if(typeof(Worker) !== "undefined"){
//2.因為每個窗口購票互不影響班缰,所以創(chuàng)建5個worker
for(var i=0;i<5;i++){
var worker = new Worker("getTicket.js");
worker.onmessage = getMessage;
//將worker放到數(shù)組里面
workers.push(worker);
}
}
function getMessage(event){
//獲取到事件目標(biāo)對象
var w = event.target;
var index = workers.indexOf(w);
var win = document.getElementById("win"+index);
if(event.data == 1){
win.className = "hasticket";
}else{
win.className = "noTicket";
}
}
}
</script>
2、實現(xiàn)效果圖:
Paste_Image.png