本文实例讲述了射流研究…实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net JS抽奖转盘/title style * { margin 33600；划水：0;列表样式：无；} .大{ width : 318 pxh three : 318 pxmargin 3360100 px auto }。bigdiv { width: 100px高度： 100像素；背景：粉色；向左浮动：线高： 100像素；文本对齐：中心；border:固体；} .大div :第五类(5){背景：黄色；光标：指针；} # act { background : red }/style/headdy div class=' big ' div class=' small ' id=' act ' 1/div div class=' small ' 2/div div class=' small ' 3/div div class=' small ' 8/div id=' CJ '点击抽奖/div class=' small ' 4/div div class=' small ' 7/div div class=' small ' 6/div div class=' small ' 5/div/div脚本var arrDiv=document。getelementsbyclassname(' small ')；var oCj=文档。getelementbyid(' CJ ')；var num=0；定义变量石坚=数学。random()* 5000 3200；ocj。onclick=function(){ oTime=setInterval(Dian Ji，200)；}函数Dian Ji(){ num=num 1；if(NuMarDiv。length-1){ num=0 }表示(j=0；贾尔区。长度；j ){ arrDiv[j].id=} arrDiv[num].id=' actsetTimeout(石坚廷志);函数ting zhi(){ clearInterval(oTime)}/脚本/正文/html使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码，可得如下运行效果：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript数学运算用法总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript数组操作技巧总结》 、 《JavaScript排序算法总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript查找算法技巧总结》 及《JavaScript错误与调试技巧总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。