！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title Cai pao/title/head body div id=' wrap '/div button id=' goBtn ' go/button id=' stop BTN ' stop/button script type=' text/JavaScript ' var wrap=document。getelementbyid(' wrap ')；var goBtn=文档。getelementbyid(' Gobtn ')；var stop BTN=文档。getelementbyid('停止BTN ')；函数rnd(最小值，最大值){ return parsent(数学。random()*(max-min-1)min)；}函数rndArray(最小值、最大值、长度){ //先定义一个空数组var arr=[]；//生成一个长度为七的数组while(arr.length)长度{ //生成一个随机数var rand=rnd(最小值，最大值);//判断生成的随机数边缘是否在数组到达)里，果然不在，就将这个随机数插入到数组里，如果在，执行下一次循环如果(arr。indexof(rand)==-1){ arr。push(兰特)；} } arr.sort(函数(a，b){返回a-b；})返回arr} //rndArray(最小范围值，最大范围值，个数)wrap.innerHTML=rndArray(1，33，7)；定义变量定时器=0;戈比。onclick=function(){ clearInterval(计时器);timer=setInterval(function(){ wrap。innerhtml=rndArray(1，33，7)；}，100) console.log(计时器);}阻止BTN。onclick=function(){ clearInterval(计时器);}/脚本/正文/html随机抽选

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title Cai pao/title style type=' text/CSS ' * { margin :0；padd : 0；} # wrap { width :621 pxmargin :0 auto add :50 px 0；背景-color:rgb(255，242，242)；} #内部{ width :490 pxmargin :0 auto飞越：隐藏；} #内跨{左侧浮动：宽度：30 px高度： 30pxborder-半径： 15pxborder:1px实心# d9d 9；线高： 30px文本对齐：中心；颜色： # 333背景-颜色： # f8f8margin:18px 6px} #内跨。活动{底色：红色；color: # fff} #换行p { text-align:居中；}按钮{ border:noneoutline:无；宽度宽度：120像素高度： 40px线高： 40pxfont-size : 20px边界半径： 4px} # SelectBtn {底色：红；color : # fff }/style/head dy div id=' wrap ' div id=' inner ' span 01/span span 02/span span 03/span span 04/span span 05/span span 06/span span 07/span 08/span 09/span span 10/span span 11/span span 12/span 13/span span 14/span span span 15/span 16/span span span 17/span 18/span span 19/span span 20机选红球/button button id='clearBtn '清空/button /p /div脚本类型=' text/JavaScript ' var wrap=document。getelementbyid(' wrap ')；var selectBtn=文档。getelementbyid(' SelectBtn ')；var clearBtn=文档。getelementbyid(' ClearBtn ')；var BallList=文档。GetElementBYID('换行').getElementsByTagName(' span ')；函数rnd(最小值，最大值){ return parsent(数学。random()*(max-min-1)min)；}函数rndArray(最小值、最大值、长度){ //先定义一个空数组var arr=[]；//生成一个长度为七的数组while(arr.length)长度{ //生成一个随机数var rand=rnd(最小值，最大值);//判断生成的随机数边缘是否在数组到达)里，果然不在，就将这个随机数插入到数组里，如果在，执行下一次循环如果(arr。indexof(rand)==-1){ arr。push(兰特)；} } arr.sort(函数(a，b){返回a-b；})返回arr}选择Btn。onclick=function(){ for(var j=0；j ballList.lengthj ) { ballList[j].className=} var arr=rndArray(1，33，7)；控制台。日志；for(var I=0；一、长度；i ) { ballList[arr[i]-1].className=' active } } ClearBtn。onclick=function(){ for(var j=0；j ballList.lengthj ) { ballList[j].className=} }/脚本/正文/html要实现点击得到自动随机数还得在clearBtn.onclick前面添加个定时器

定义变量定时器=0;选择Btn。onclick=function(){清除超时(计时器);定时器=设置间隔（选择球，100);setTimeout(函数(){ clearTimeout(定时器));}，3000) //clearTimeout(定时器);}这样就实现了动态图的功能了(*^__^*) 嘻嘻！

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！