本文实例为大家分享了射流研究…实现抽奖效果展示的具体代码，供大家参考，具体内容如下

展示：

HTML:

div id='table'/divdiv id='btn '按钮onclick=' start '(p '，' active '，' newactive '，100 '顺序抽/停止/button button onclick=' startRan '(p '，' active '，' newactive '，100 ')随机抽/停止/button/divCSS:

表格{ text-align :居中；边界崩溃：崩溃；}表格* { width: 60px高度： 60px}#btn { box-sizing:边框-盒子；宽度： 190像素；display : flex justice-content :空格；align-items:居中；} # BTN * { flex-grow : 1；背景-颜色：红色；border: 1px固体# 000;color : # fffh three : 30pxfont-size : 10px；}.活动{背景色： # CCC}.新激活{底色： # 00 ffff} JavaScript 3:

//定义一个奖池定义变量累积奖金=[]奖品A1 '，'奖品A2 '，'奖品A3']，['奖品B1 '，'奖品B2奖品B3']，['奖品C1奖品C2奖品C3 ']]；/* *[表格创建表格] * @param {[Array]} arr [奖品数组]* @ param {[字符串]}选择器[选择器]* @返回{[字符串]}表[返回一个超文本标记语言标签] */函数表(arr，选择器){ var table=' table border=' 1 for(var I=0；一、长度；I){ table=' tr '；for(var j=0；j arr[i].长度；j ) { table='td class='选择器' ' arr[I][j]'/TD '；} table='/tr '；} table='/table '；返回表；} //输出奖池document.getElementById('table ').innerHTML=表格(累积奖金，' p ')；var key=true//开始，开始运行控制器var num=3；//抽奖次数//抽过的还能抽可定义抽奖次数-次数限制数字需要定义//不定义抽奖次数-次数无限数字不需定义//抽过的不能抽可定义抽奖次数-次数限制（次数不超过选择器长度)数量需要定义//不定义抽奖次数-次数等于选择器长度数字需要定义/* *[开始开始抽奖]* @ param {[字符串]}选择器[选择器] * @param {[String]} addselector [给选中的添加样式]* @ param {[String]}新地址选择器[中奖奖品样式]* @ param {[号码]}速度[时间越小，速度越快]* @ return {[type]}[description]*/function start(selector，addselector，newaddselector，speed){ if(key){ if(type of(num)=' undefined ' | | num！=0){ var count=0；//如果写成可变计时器会每次执行时重新定义一个计时器，那么清除间隔（计时器)只能清除后面定义的那个计时器，前面定义的已经没有变量指向了无法清除timer=setInterval(function(){ if(count $(' . '))选择器)。长度){ $(' . '选择器)。eq(计数)。addCLaSS(addselector)；$('.'选择器)。eq(计数)。兄弟姐妹()。移除CLaSS(添加选择器)；$('.'选择器)。eq(计数)。父项()。兄弟姐妹()。儿童()。移除CLaSS(添加选择器)；计数；} else { count=0；} },速度);if(typeof(num)！=' undefined '){ num-；} } else { key=falseconsole.log('抽奖结束');} } else { clearInterval(计时器);//决定抽中的奖品的样式和抽中的奖品能否继续抽$('.'地址选择器).addClass(newaddselector).removeClass(选择器);//奖品console.log($(")。)地址选择器).html())；}键=!钥匙；}/* * *[开始开始抽奖]* @ param {[字符串]}选择器[选择器] * @param {[String]} addselector [给选中的添加样式]* @ param {[String]}新地址选择器[中奖奖品样式]* @ param {[号码]}速度[时间越小，速度越快]* @ return {[type]}[description]*/function startRan(selector，addselector，newaddselector，speed){ if(key){ if(type of(num)=' undefined ' | | num！=0) { //如果写成可变计时器会每次执行时重新定义一个计时器，那么清除间隔（计时器)只能清除后面定义的那个计时器，前面定义的已经没有变量指向了无法清除timer=setInterval(function(){ var count=math。地板(数学。random()* $(' . ')选择器)。长度);$('.'选择器)。eq(计数)。addCLaSS(addselector)；$('.'选择器)。eq(计数)。兄弟姐妹()。移除CLaSS(添加选择器)；$('.'选择器)。eq(计数)。父项()。兄弟姐妹()。儿童()。移除CLaSS(添加选择器)；},速度);if(typeof(num)！=' undefined '){ num-；} } else { key=falseconsole.log('抽奖结束');} } else { clearInterval(计时器);//决定抽中的奖品的样式和抽中的奖品能否继续抽$('.'地址选择器).addClass(newaddselector).removeClass(选择器);//奖品console.log($(")。)地址选择器).html())；}键=!钥匙；}GitHub:地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。