每个人都玩过彩票游戏，或者梦想过中大奖，但你有没有想过彩票游戏是如何实现的？今天给大家分享一个旋转随机数抽奖的JS特效码。

实现代码如下

！doctype html html health eta http-equiv=' Content-Type ' Content=' text/html；charset=GBK '脚本src=' http :http://代码。jquery。com/jquery-1。7 .1 .js ' type=' text/JavaScript '/script style type=' text/CSS ' body，h1，h2，h3，h4，h5，h6，p，ul，ol，li，form，img，dl，dt，dd，table，th，td，blockquote，fieldset，div，strong，label，em { margin:0划水：0;边界：ol、Li {列表式：无；}输入，按钮{ margin :0 font-size :12 px；垂直对齐：毫米；}正文{ font-size :12 px字体系列Helvetica阿里亚尔：无衬线；文本对齐：居中；margin:0汽车背景：url(./images/BG。jpg)重复-y；}表格{边框-折叠：折叠；边框间距：0;}.box { padding:9px 0 0 11px宽度宽度：759像素宽度：611像素背景# cccmargin:20px汽车；}.收件箱{ width:751px高度：596 px位置：相对；} # random _ box Li {位置：绝对；宽度宽度：144px飞越：隐藏；height:144pxborder:3px固体# c7c5ca背景# fff } # random _ box Li img { width :144 px；显示：块；高度：144px}。确定{显示：块宽度宽度：442磅重量：294磅背景技术# c 00 color : # ffffont-size :48 px；位置：绝对；top :149 pxleft :148 pxcursor :指针指针；文本对齐：居中；行高：280 px} # random _ 1 { left :0 top :0 } # random _ 2 { left :148 pxtop :0 } # random _ 3 { left :296 pxtop :0 } # random _ 4 { left :444 xtop :0 } # random _ 5 { left 3:592 pxtop :0 } # random _ 6 { left 33:0 }random _ current {边框：1 px纯红；}/style/head dydiv class=' box ' div class=' inbox ' ul id=' random _ box ' Li id=' random _ 1 ' 1/Li Li id=' random _ 2 ' 2/Li Li id=' random _ 3 ' 3/Li Li id=' random _ 4 ' 4/Li Li id=' random _ 5 ' 5/Li Li id=' random _ 6 ' 6/Li Li Li id=' random _ 7 ' 7/李莉id=' random _ 8 ' 8/李莉id=' random _ 9 ' 9/李莉抽奖/div/divscriptvar索引=1,//当前亮区位置prevIndex=14，//前一位置速度=300,//初始速度时间，//定义对象arr _ length=14//GetSide(5，5)，//初始化数组EndIndex=1，//决定在哪一格变慢周期=0,//转动圈数EndCycle=3，//计算圈数flag=false，//结束转动标志random_num=1，//中奖数quick=0； //加速函数StartGame(){$('#random_box li ').移除CLaSS(' random _ current ')；//取消选中//random _ num=Parseint($(' # txt num ')).val())；//random _ num=数学。地板(数学。random()* 13 ^ 2)；//产出随机中奖数2 - 12之间索引=1;//再来一次，从一开始周期=0;flag=false//EndIndex=math。地板(数学。random()* 12)；if(random _ num 5){ EndIndex=random _ num-5；//前5格开始变慢} else { EndIndex=random _ num 14-5；//前5格开始变慢}//结束周期=数学。地板(数学。random()* 3)；时间=设定间隔（星、速度);}函数Star(num){ //跑马灯变速if(flag==false){ //走五格开始加速if(quick==5){ clearInterval(时间);速度=50;时间=设定间隔（星、速度);} //跑普通圈减速if(周期==结束周期1索引-1==结束索引){ clearInterval(Time)；速度=300;标志=真//触发结束时间=设定间隔（星、速度);} } if(index arr _ length){ index=1；循环；} //结束转动并选中号码if(flag==true index==ParSeint(random _ num)){ quick=0；清除间隔（时间);} $(“# random _”索引)。addCLaSS(' random _ current ')；//设置当前选中样式if(index 1)prevendex=index-1；else { prevendex=arr _ length } $(“# random _”prevendex).移除CLaSS(' random _ current ')；//取消上次选择样式指数；快；}/脚本/正文/html实现的效果图：

如今，彩票游戏被广泛使用，我们每个人都会接触到。尤其是节假日期间，各大商场都会组织这类游戏活动来吸引顾客。其实我上面分享的这段代码还是有很多改进和丰富的地方，比如我们可以美化它的界面，让它的功能更加丰富，可以考虑把随机数抽奖的速度转一下，决定哪个格子会慢下来。

以上就是本文的全部内容。希望大家都能喜欢并练习。