项目中，在充值流程中，加入了1个抽奖环节，需要转盘显示抽中的虚拟货币。网上找了相关的特效，最后锁定在这个特效上：实现的，项目中有引入jquery，不用添加新的js库就很方便的实现。

整个流程是：用户支付完成后，后台随机产生抽中的数字，传到转盘页面。转盘页面只是负责动态的显示后台产生的数字（而不是页面产生随机数）。那好，前端的工作就变成了接收一个数字，我们这里假定是三位的，两位的数字后端传过来的时候百位上就补零了，如：85补成085；前端负责动态的显示085就醒了。

UI效果图：

 

修改下下来的代码:

    
             
         
         
         
         
         
         
         
     
	
      
    	
              	
       
        200-800
       
    
      
	    
          
      
    	
       
	
        
		
         
			
          
 
           
 
           
 
          
		
         
		
         
			
          
 
           
 
           
 
          
		
         
		
         
			
          
 
           
 
           
 
          
		
         
	
        
       
    
           
       
    	
            
       
    
            
       
    	
            
       
    
           
       
   	
        
     
        
     
        
    	        
         
        	
                      
          
           X
           500
          
            
          
 
            
          
            
          
 
            
          
        
         
      
        
    
       
      
     
      

　　上面的代码并不全，因为引入的3个css里的样式没区出来，相信你已经看懂怎么实现了。