【实例简介】

微信大转盘html5代码

【实例截图】

【核心代码】

$(function(){window.requestAnimFrame=(function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(callback){window.setTimeout(callback,1000/60)}})();var totalDeg=360*3 0;var steps=[];var lostDeg=[36,66,96,156,186,216,276,306,336];var prizeDeg=[6,126,246];var prize,sncode;var count=0;var now=0;var a=0.01;var outter,inner,timer,running=false;function countSteps(){var t=Math.sqrt(2*totalDeg/a);var v=a*t;for(var i=0;i=3){alert("您已经抽了 3 次奖。");return}if(prize!=null){alert("亲，你不能再参加本次活动了喔！下次再来吧~");return}$.ajax({url:"index.php",dataType:"json",data:{token:"o7MB9ji5fQRsE0ZoVAMU7SlnRyMI",ac:"activityuser",tid:"5",t:Math.random()},beforeSend:function(){running=true;timer=setInterval(function(){i =5;outter.style.webkitTransform='rotate(' i 'deg)';outter.style.MozTransform='rotate(' i 'deg)'},1)},success:function(data){if(data.error=="invalid"){alert("您已经抽了 3 次奖。");count=3;clearInterval(timer);return}if(data.error=="getsn"){alert('本次活动你已经中过奖，本次只显示你上次抽奖结果!兑奖SN码为:' data.sn);count=3;clearInterval(timer);prize=data.prizetype;sncode=data.sn;start(prizeDeg[data.prizetype-1]);return}if(data.success){prize=data.prizetype;sncode=data.sn;start(prizeDeg[data.prizetype-1])}else{prize=null;start()}running=false;count },error:function(){prize=null;start();running=false;count },timeout:4000})})});$("#save-btn").bind("click",function(){var btn=$(this);var tel=$("#tel").val();if(tel==''){alert("请输入手机号码");return}var regu=/^[1][0-9]{10}$/;var re=new RegExp(regu);if(!re.test(tel)){alert("请输入正确手机号码");return}var submitData={tid:5,code:$("#sncode").text(),tel:tel,action:"setTel"};$.post('index.php?ac=activityuser',submitData,function(data){if(data.success==true){alert("提交成功，谢谢您的参与");return}else{}},"json")});