web worker工作原理图：

 

抢票系统思维导图：

 

思路：五个人（5个div窗口模拟）同时进行抢票，有百分之十的几率可以抢到票，抢到票后对应的窗口（即随机生成的数大于等于0小于9的情况）会编程天蓝色，没抢到票的窗口（即随机生成的数大于9小于100的情况）会变成红色

HTML源码：

       
                 
    
     抢票者 1
    
 
    
     抢票者 2
    
 
    
     抢票者 3
    
 
    
     抢票者 4
    
 
    
     抢票者 5
    
 开始抢票   

snatchTickets.js对应的逻辑控制代码：

var rand=Math.floor(Math.random()*100);//取得0-99的一个随机数 if(rand<=9){
      postMessage(1);//若是在0-9之间，则表示抢到票了，传递数据1 }else{
      postMessage(0);//否则，表示没有抢到票，传递数据0 } 效果图： 未点击开始抢票按钮前：

点击抢票按钮以后：