html随机抽取人名怎么一次性抽几个

1、首先打开html创一个简单的div放抽出来的名字。

2、其次，然后在创建点击事件。

3、最后，定义一个数组放选好的名字，Math.random选的是（0-1）的随机数即可。

这个需要用到H5新标签：canvas绘制图形，利用js来实现抽奖效果，实现步骤如下：

var num = 6// 奖品数量 var canvas = document.getElementById('canvas')var

btn = document.getElementById('btn')if(!canvas.getContext){

alert('抱歉！浏览器不支持。')return} // 获取绘图上下文 var ctx = canvas.getContext('2d')for

(var i = 1i <= numi++) { // 保存当前状态 ctx.save()// 开始一条新路径

ctx.beginPath()// 位移到圆心，下面需要围绕圆心旋转 ctx.translate(150, 150)// 从(0,

0)坐标开始定义一条新的子路径 ctx.moveTo(0, 0)// 旋转弧度,需将角度转换为弧度,使用 degrees * Math.PI/180

公式进行计算。 ctx.rotate(360 / num * i * Math.PI/180)// 绘制圆弧 ctx.arc(0, 0, 150, 0, 2

* Math.PI / num, false)if (i % 2 == 0) { ctx.fillStyle = '#ffb820'}else{

ctx.fillStyle = '#ffcb3f'} // 填充扇形 ctx.fill()// 绘制边框 ctx.lineWidth = 0.5

ctx.strokeStyle = '#f48d24'ctx.stroke()// 恢复前一个状态 ctx.restore()}

公司每年年终都会搞抽奖活动，随机从参会员工名单中抽取若干名员工发放年终实物大奖，身边没有摇奖机情况下，大家可以试着在EXCEL内通过公式来制作一个抽奖器，制作方法挺简单的，大家可以参考本经验制作，具体 *** 作方法如下

工具/原料

EXCEL

电脑

笔记本

一，给抽奖器编写公式

1

打开EXCEL表，此处以EXCEL2007为例，随机抽出三名中奖人员

2

B2单元格内输入公式=RAND(),并填充到B11单元格

3

在C2单元格输入公式=INDEX($A$2:$A$11,RANK(B2,$B$2:$B$11))

4

填充公式到C4单元格，立即随机显示出三位员工姓名

END

二，通过按键盘上F9键来抽奖

1

开奖规则如果规定按住F9键不放保持10秒后摇奖

您可以按住F9键不放,此时随机数及中奖人会不断变化，倒数10秒，放开F9键随机生成三个中奖人姓名

2

开奖规则如果规定按F9键10次，取第10次产生的随机中奖人

您可以数数按F9键10次，以第10次随机生成三个中奖人姓名

END

注意事项

各版本EXCEL设置方法类似

按住F9键不放，保持多少时间放开可以自行规定，确保摇奖公平性

按F9键人与报数人分开，确保摇奖公正性

要同时产生多少个中奖人，只需在中奖人单元格列设置多少个公式

以上资料供参考

---