你是公司的程序员。在年会上,公司会给员工抽奖并送福利。你需要写一个页面小程序来随机选择幸运的员工。一、二、三等奖大致如下:例:
以下是点名机的一个想法。页面相对简单。它只说明满足最基本需求的代码用户需要使用定时器、随机数函数等。本次抽奖的一、二、三等奖只有一名幸运员工,起止功能一键实现。
!doctype html lang=' en ' head meta charset=' utf-8 ' title name finder/title style . title { font-size :50 px;font-family : 800;color:redmargin:50px 430px} # Uname { width: 300px高度: 200 px;border:3px纯绿色;左边距left:300px边距-top : 0px;font-size :50 px;font-weight : 800;文本对齐:中心;线高: 200 px;float:left} .结果{ width: 300px高度: 200 px;font-size : 16px;border:3px纯红;颜色:橙色;左边距: 100像素;float:left} .结果p { color:bluefont-size : 12px;} .btn { width: 60px高度: 200 px;margin:0 auto边距-top : 20px;} .btn按钮{ width: 50px} # prize _ 3,# prize _ 2,# prize _ 1 { color:redfont-size : 16px;}/style/head dy Div class=' title ' xx公司年会抽奖div id=' Uname '祝您好运div class=' result ' pp3rd等奖:/p Div id=' price _ 3 '/Div pp2等奖:/p Div id=' price _ 2 '/Div p一等奖:/p Div id=' price _ 1 '/Div/Div class=' BTN '按钮onclick=' demo()' id=' Bt ' start/button!-button onclick=' stop()' end/button-/div script//获取显示框varuname=document . getelementbyid(' uname ')的内容;//想要一份随机的员工名单var arr=['刘备','曹操','孙权','赵云','大乔','小乔','周瑜','尚香'];//获取按钮信息varb TN=document . getelementbyid(' Bt ');//定义变量存储定时器var clock=0;//定义变量存储索引值var inde=nullvar prize _ 3=document . getelementbyid(' prize _ 3 ');var prize _ 2=document . getelementbyid(' prize _ 2 ');var prize _ 1=document . getelementbyid(' prize _ 1 ');//定义是否启动计时器。如果是真的,开始执行。如果为假,停止var st=true。//存储幸运员工奖品列表=[];函数demo(){ if(ST){ start();Btn.innerHTML=' endst=false} else { stop();Btn.innerHTML=' startst=true}}//Start函数Start(){ clock=set interval(function(){ varide=rand(0,arr。长度-1);uname . innerhtml=arr[Inde];},50);//设置为每50毫秒执行一次}//结束点名功能stop(){ //添加元素价格。push (uname。innerhtml );//关闭定时器clearInterval(时钟);//获取员工姓名对应的索引值arr . split(arr . indexof(uname . innerhtml),1);//当抽奖次数达到三次时,幸运员工名单if(奖品。长度=3) {prize _ 3。innerhtml=奖品[0]显示在屏幕上;prize _ 2.innerHTML=奖品[1];prize _ 1.innerHTML=奖品[2];} }//获取随机数函数rand (m,n) {return math。地板(数学。random()*(n-m ^ 1)m);} /script/body/html以上是边肖介绍的JavaScript随机命名设备的详细讲解和集成,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!