Python使用Tkinter实现转盘抽奖器
 
我使用 Python 中的 Tkinter 模块实现了一个简单的滚动抽奖器，接下来继续写一个简单的转盘抽奖器。
 
Tkinter 实现滚动抽奖器参考：https://blog.csdn.net/weixin_43790276/article/details/103811660
 
滚动抽奖器与点名的场景相似，是从一群人中抽出中奖的人，奖品是提前确定了的，抽奖只是确定中奖的人是谁。这种场景比较适合年会抽奖，奖品的种类和数量已经确定了，通过抽奖来抽出中奖人员，一个奖品对应一次抽奖，直到奖品抽完为止。
 
还有一种场景是只固定了奖品种类，数量不受限制，有参与资格的人都可以抽奖，可能所有人都抽中了“特等奖”，也可能所有人都抽到了“谢谢参与”，最终发出多少奖品在抽奖前没法确定。这种场景比较适合使用“大转盘”抽奖器。
 
一、使用Tkinter实现滚动抽奖器的步骤
 
1. 界面搭建
 
首先需要搭建一个简单的 GUI 界面，效果如下图(参考)。
 
 
首先创建一个大小适合的窗口，使用 Tkinter.Tk() 方法创建并返回一个窗口对象 window 。
 
使用 window 对象的 geometry(widthxheight+x+y) 方法设置窗口的大小，geometry() 方法中的参数格式为 widthxheight+x+y，如 '500x290+250+150'，width 是窗口的宽度，height 是窗口的高度，中间使用乘号连接，如果敲不出这个符号，可以去源码中复制，x 和 y 用于设置窗口离电脑屏幕左上角的距离。
 
2. 设置转盘的内容
 
使用转盘抽奖时，点击开始后，转到不同方向对应不同的奖品种类，所以要设置每个方向显示不同的内容。
 
使用 Tkinter 中的 Label 类，实例化 Label 的对象来显示文字。
 
实例化 Label 时，第一个参数必须是 Tkinter 窗口对象 window，然后通过 text 设置显示的内容。每个 Label 显示的内容都是固定不变的，所以可以一开始就写死。然后使用关键字参数的方式，根据需要设置显示框大小，背景颜色，显示字体等，再通过 Label 对象的 place() 方法设置它相对于窗口左上角的位置。
 
在这个转盘抽奖器中，我分了8个不同的方向，8个区域，所以需要8个 Label 。在这8个标签中，除了显示的内容和位置不一样，其他的设置都是一样的，所以将添加标签的步骤封装成一个函数，创建标签时更方便。
 
3. 设置开始按钮
 
在界面中，需要一个“开始”按钮，用来开始抽奖。转盘抽奖是点击开始后，抽奖界面开始转动，速度由快到慢，直到自动停止，最后停止的区域就是中奖的区域，所以不用“停止”按钮。
 
使用 Tkinter 中的 Button 类，实例化 Button 的对象来创建“开始”按钮。
 
实例化 Button 时，第一个参数也必须是 Tkinter 窗口对象 window，然后根据需要设置按钮大小，背景颜色，显示字体等，最后还是使用 place() 方法设置它相对于的窗口左上角的位置。
 
当点击按钮时，开始抽奖，定义好处理抽奖逻辑的函数，用匿名函数的方式传给 Button 中的 command ，将点击按钮和抽奖逻辑处理函数关联到一起。
 
二、抽奖器代码实现和效果展示
 
按照上面分析的步骤依次实现，完整代码如下。
 
# coding=utf-8
import sys
if sys.version_info[0] == 2:
    import Tkinter
    from Tkinter import *
else:
    import tkinter as Tkinter
    from tkinter import *
import random

is_run = False


def lottery_whirl(data, i, number):
    global is_run
    if i == 0:
        j = 0
    else:
        j = i % 8
    data[j-1]['bg'] = '#CCCCCC'
    data[j]['bg'] = '#00CD00'
    wait = [a for a in range(100, 300, 10)] + [b for b in range(300, 600, 300 // (number-28))] + \
           [c for c in range(600, 1200, 120)] + [d for d in range(1200, 1800, 200)]
    if i < number:
        window.after(wait[i], lottery_whirl, data, i + 1, number)
    else:
        is_run = False


def lottery_start(data):
    global is_run
    if is_run:
        return
    is_run = True
    for x in range(len(data) - 1):
        data[x]['bg'] = '#CCCCCC'
    number = random.randint(30, 53)
    lottery_whirl(data, 0, number)


def create_label(name, x, y):
    label = Label(window, text=name, width=13, height=3, bg='#CCCCCC', font='宋体 -18 bold')
    label.place(anchor=NW, x=x, y=y)
    return label


if __name__ == '__main__':
    window = Tkinter.Tk()
    window.geometry('500x290+250+150')
    window.title('         转 盘 抽 奖 器')

    bg_label = Label(window, width=80, height=24, bg='#ECf5FF')
    bg_label.place(anchor=NW, x=0, y=0)

    label1 = create_label('风清扬', 20, 20)
    label2 = create_label('北丐', 180, 20)
    label3 = create_label('无崖子', 340, 20)
    label4 = create_label('西毒', 20, 110)
    label5 = create_label('东邪', 340, 110)
    label6 = create_label('扫地僧', 20, 200)
    label7 = create_label('南帝', 180, 200)
    label8 = create_label('张三丰', 340, 200)
    data = [label1, label2, label3, label5, label8, label7, label6, label4]

    button_core = Button(window, text='开  始', command=lambda: lottery_start(data), width=130, height=53, bg='#00CD00',
                         font='宋体 -18 bold', bitmap='gray50', compound=Tkinter.CENTER)
    button_core.place(anchor=NW, x=180, y=110)

    window.mainloop()
 
当点击开始抽奖后，抽奖界面开始转动，直到自动停止才算一次抽奖结束。如果第一次抽奖还没有结束，点了第二次(或很多次)抽奖，会有多次抽奖并行运行，那样会有很多次转动重叠到一起，相互干扰，抽奖器就失效了。所以在代码中设置了一个全局变量 is_run，表示抽奖器是否还在运行中，如果还在运行中，就不会进行下一次抽奖。
 
在抽奖器转动时，速度是由快变慢的，所以设置了一个列表来控制转动的延迟时间，这个时间列表可以分多段，每一段可以是等差数列，不过差值设置越来越大。
 
点击开始按钮，开始转动时，代码中已经确定了转到哪个位置(中奖类型)，转到哪个位置是由转动的次数决定的，转动次数也是从一个列表中取。转盘抽奖不会设置停在每个区域的概率都一样(那样意味着每种奖的中奖概率相同)，所以，从列表中取转动次数时，先根据需要设置好概率的大小，使用 random 模块中的 choices 就可以完成设置。
 
random 模块使用参考： https://blog.csdn.net/weixin_43790276/article/details/96768637
 
最后的抽奖器效果如下：
 
 
 
 
 
 

1、环境要求：用html4配合javascript写的抽奖器，只要电脑上有浏览器就可以运行。
 
2、功能：支持在抽奖过程中，更换当前要抽奖的人数。
 
3、缺点：
 
a.当人数过多时，可能有性能问题。
 
b.未对输入的人数作校验。                   
 
源代码如下：
 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>抽奖</title>
<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
<script type="text/javascript">
function setlistitem(){
	document.getElementById('rewardlist').innerHTML='';
	document.getElementById('listdiv').innerHTML='';
	narr=new Array();
	var pnum=parseInt(document.getElementById('pn').value,10), seln=parseInt(document.getElementById('spn').value,10);
	var selh=seln*31;
	document.getElementById('rewardlist').style.height=selh+'px';
	document.getElementById('maincon').style.height=selh+'px';
	for (var i=1; i<=pnum; i++){narr.push(i);}
	for (var i=1; i<pnum; i++){
		var ri=parseInt(Math.random()*(pnum-i)+i,10);
		var t=narr[ri];
		narr[ri]=narr[i-1];
		narr[i-1]=t;
	}
	drawlist();
}
function setbatch(){
	var seln=parseInt(document.getElementById('spn').value,10);
	var selh=seln*31;
	document.getElementById('rewardlist').style.height=selh+'px';
	document.getElementById('maincon').style.height=selh+'px';
	document.getElementById('rewardlist').innerHTML='';
}
function drawlist(){
	document.getElementById('listdiv').innerHTML='';
	var bl = narr.length, tmparr = new Array();
	for (var y=0;y<2;y++){
	for (var i=0; i<bl; i++){
		tmparr.push(narr[i]);
	}
	}
	var hs='';
	for (var i=0; i<tmparr.length; i++){
		hs+='<div class="item" id="n_'+i+'">'+tmparr[i]+'</div>';
	}
	document.getElementById('listdiv').innerHTML=hs;
	document.getElementById('listdiv').style.marginTop='0px';
}
var scrollTime=null, scrollFlag=false, narr;
function scrollitem(){
	if (scrollFlag){
		scrollTime = setTimeout('scrollitem()',70);
	}
	var mh=parseInt(document.getElementById('listdiv').style.marginTop,10);
	mh=mh-31;
	var pnum=parseInt(document.getElementById('pn').value,10);
	if (mh<=pnum/2*(-30)){
		mh=0;
	}
	document.getElementById('listdiv').style.marginTop=mh+'px';
}
function doplay(){
	if (scrollFlag){
		scrollFlag=false;
		clearTimeout(scrollFlag);
		document.getElementById('playbut').value='开始抽奖';
		var mh=parseInt(document.getElementById('listdiv').style.marginTop,10), pnum=parseInt(document.getElementById('pn').value,10), seln=parseInt(document.getElementById('spn').value,10);
		var si=mh*(-1)/31;
		var rewardarr = new Array();
		for (var ri=0;ri<seln; ri++){
			rewardarr.push(parseInt(document.getElementById('listdiv').childNodes[si+ri].innerHTML,10));
		}
		narrtmp = new Array();
		for (var xi=0;xi<narr.length;xi++){
			var ni=0, s=true;
			for (var yi=0;yi<rewardarr.length;yi++){
				if (narr[xi]==rewardarr[yi]){s=false;break;}
			}
			if (s){
				narrtmp.push(narr[xi]);
			}
		}
		narr=new Array();
		for (var xi=0;xi<narrtmp.length;xi++){
			narr.push(narrtmp[xi]);
		}
		drawlist();
		
		var hs = '';
		for (var i=0; i<rewardarr.length; i++){
			hs+='<div class="item">'+rewardarr[i]+'</div>';
		}
		document.getElementById('rewardlist').innerHTML+=hs;
	}else{
		scrollFlag=true;
		scrollitem();
		document.getElementById('playbut').value='停止';
	}
}
</script>
<style type="text/css">
.item{width:400px;height:30px;line-height:30px;border-bottom:1px solid #000;text-align:center;font-weight:700;font-size:25px;}
.itemlist{width:430px;height:180px;border:1px solid #000;}
.itemcon{width:400px;}
.setdiv{width:803px;height:30px;line-height:30px;text-align:center;}
</style>
</head>
<body>
<div class="setdiv"></div>
<div class="setdiv">
	参加总人数
	<input id="pn" value="20" type="text"/>
	<input value="重新开始" οnclick="setlistitem()" type="button"/>
	每次抽得个数
	<input id="spn" value="3" type="text"/>
	<input value="设置中奖人数" οnclick="setbatch()" type="button"/>
</div>
<table border="1" style="width:800px;">
<tr><td align="center"><h2>抽奖区</h2></td>
<td align="center"><h2>中奖号码</h2></td></tr>
<tr>
	<td>
	<div id="maincon" class="itemlist" style="overflow:hidden;">
	<div id="listdiv" class="itemcon" style="float:left;margin-top:0px"></div>
	</div>
	</td>
	<td>
	<div id="rewardlist" class="itemlist" style="overflow:scroll;">
	
	</div>
	</td>
</tr>
<tr>
	<td align="center" colspan="2">
	<input value="开始抽奖" id="playbut" οnclick="doplay()" style="width:300px;height:40px;" type="button"/>
	</td>
</tr>
</table>
</body>
</html>

 算法只是简单的洗牌，如有问题，欢迎大家指正。
 

 

 
JS实现抽奖器

 
setInterval（）函数设置计数器，第一个参数放函数，第二个放毫秒值 为 让其结束让setInterval（）函数返回一个标志timer， 然后 clearInterval(timer)
注意：getElementsByClassName()返回的是数组，要加序号。
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .wapper{
        border:2px solid red;
        text-align: center;
        margin: 0 auto;
        width: 50%;
        border-radius: 10px;
        height: 300px;
    }
    .top{
        line-height: 35px;
        color: red;
        background: #FFC0CB 5px 5px;
    }
    button{
        border-radius: 8px;
        background: #01a1ff;
        margin-top: 10px;
        color: white;
        padding: 10px 15px;
    }
    button:hover{
        border-radius: 8px;
        background: black;
        margin-top: 10px;
        color: white;
        padding: 10px 15px;
    }
</style>
<body>
   <div class="wapper">
       <div class="top">开始抽奖了！</div>
       <button class="butt-start">开始</button>
       <button class="butt-stop">停止</button>
   </div>
   <script> //7个谢谢参与，2个鼠标，1个耳机
    var gifts=[
        "蓝牙耳机",
        "谢谢参与",
        "谢谢参与",
        "无线鼠标",
        "谢谢参与",
        "谢谢参与",
        "无线鼠标",
        "谢谢参与",
        "谢谢参与",
        "谢谢参与",
    ];
    var gift=document.getElementsByClassName("top")[0];
    var start=document.getElementsByClassName("butt-start")[0];
    var stop=document.getElementsByClassName("butt-stop")[0];
    var timer=null;
    //设置计时器，没10毫秒换一次
   start.onclick=function(){
       timer=setInterval( function () {
           gift.innerHTML=gifts[Math.floor(Math.random()*gifts.length)]
       },10)
   };

   //停止，清除计时器
    stop.onclick=function(){
        clearInterval(timer);
    }

   </script>
</body>
</html>
 

Python使用Tkinter实现滚动抽奖器
 
年底，抽奖这个话题很多人都会讨论，都希望可以中奖。
 
接下来我就使用 Python 中的 Tkinter 模块来实现一个简单的滚动抽奖器。
 
一、Tkinter简介
 
Tkinter 是 Python 的标准 GUI(Graphical User Interface，图形用户接口)库，Python 使用 Tkinter 可以快速地创建 GUI 应用程序。
 
在 Python2 和 Python3 中，Tkinter 都在标准库中，无需安装即可使用。在 Python2 中，这个库叫 Tkinter ，在 Python3 中，这个库叫 tkinter ，首字母大小写不相同，在导包时需要注意。
 
虽然 Python 的官网已经宣布，2020年4月，Python2 会退休，但是在很多公司，依然在使用 Python2 ，所以本文的代码也会兼容 Python2 和 Python3 。
 
Tkinter 提供了非常丰富的图形界面功能，实现一个抽奖器，只需要用到里面很少的一部分功能。
 
二、使用Tkinter实现滚动抽奖器的步骤
 
1. 界面搭建
 
首先需要搭建一个简单的 GUI 界面，效果如下图(参考)。
 
 
首先创建一个大小适合的窗口，使用 Tkinter.Tk() 方法即可创建并返回一个窗口对象 window(自定义的对象名)。
 
使用 window 对象的 geometry(widthxheight+x+y) 方法来设置窗口的大小，geometry() 方法中的参数必须按照格式传入才行，参数格式为 widthxheight+x+y，如 '405x320+250+15'，width 是窗口的宽度，height 是窗口的高度，中间使用乘号连接，如果敲不出这个符号，可以去源码中复制，x 和 y 用于设置窗口离电脑屏幕左上角的距离。
 
2. 设置文字显示框
 
抽奖时，要在界面上快速地滚动显示当前的中奖者姓名，所以要设置一个文字显示框。
 
使用 Tkinter 中的 Label 类(不一定用 Label ，实现方法有很多)，实例化 Label 的对象来显示文字，充当显示框。Label 标签默认不可点击不可选中也不可编辑，用来显示比较少的内容(人名)是比较适合的。
 
要设置 Label 显示的文字，需要实例化一个 StringVar 类的对象，使用 StringVar 中的 value 传入初始显示的内容。在 Label 中 将 StringVar 对象传给 textvariable ，这样 Label 和 StringVar 就一一对应起来了。
 
实例化 Label 时，第一个参数必须是 Tkinter 窗口对象 window，然后使用关键字参数的方式，根据需要设置显示框大小，背景颜色，显示字体等，再通过 Label 对象的 place() 方法设置它相对于窗口左上角的位置。
 
需要多个 Label 时，如法炮制。
 
3. 设置按钮
 
在界面中，需要两个按钮，一个“开始”按钮，一个“结束”按钮，用来控制抽奖的开始和停止。(当然也可以设置成同一个按钮，实现方法也差不多)
 
使用 Tkinter 中的 Button 类，实例化 Button 的对象来创建按钮。
 
实例化 Button 时，第一个参数也必须是 Tkinter 窗口对象 window，然后根据需要设置按钮大小，背景颜色，显示字体等，最后还是使用 place() 方法设置它相对于的窗口左上角的位置。
 
当点击按钮时，抽奖器要开始抽奖或结束抽奖，也就是说点击按钮时，要触发某件事。触发的事件可以使用函数来实现，然后用匿名函数的方式传给 Button 中的 command ，将点击按钮和事件处理关联到一起。
 
三、抽奖器代码实现和效果展示
 
根据上面的简单分析，代码按步骤依次来实现，完整代码如下。
 
# coding=utf-8
import sys
if sys.version_info[0] == 2:
    import Tkinter
    from Tkinter import *
else:
    import tkinter as Tkinter
    from tkinter import *
import random

data = ['风清扬', '无崖子', '东邪', '西毒', '南帝', '北丐']
going = True
is_run = False


def lottery_roll(var1, var2):
    global going
    show_member = random.choice(data)
    var1.set(show_member)
    if going:
        window.after(50, lottery_roll, var1, var2)
    else:
        var2.set('恭喜 {} ！！！'.format(show_member))
        going = True
        return


def lottery_start(var1, var2):
    global is_run
    if is_run:
        return
    is_run = True
    var2.set('幸运儿是你吗。。。')
    lottery_roll(var1, var2)


def lottery_end():
    global going, is_run
    if is_run:
        going = False
        is_run = False


if __name__ == '__main__':
    window = Tkinter.Tk()
    window.geometry('405x320+250+15')
    window.title('      滚 动 抽 奖 器')

    bg_label = Label(window, width=70, height=24, bg='#ECf5FF')
    bg_label.place(anchor=NW, x=0, y=0)

    var1 = StringVar(value='即 将 开 始')
    show_label1 = Label(window, textvariable=var1, justify='left', anchor=CENTER, width=17, height=3, bg='#BFEFFF',
                        font='楷体 -40 bold', foreground='black')
    show_label1.place(anchor=NW, x=21, y=20)
    var2 = StringVar(value='幸运儿是你吗。。。')
    show_label2 = Label(window, textvariable=var2, justify='left', anchor=CENTER, width=38, height=3, bg='#ECf5FF',
                        font='楷体 -18 bold', foreground='red')
    show_label2.place(anchor=NW, x=21, y=240)

    button1 = Button(window, text='开始', command=lambda: lottery_start(var1, var2), width=14, height=2, bg='#A8A8A8',
                     font='宋体 -18 bold')
    button1.place(anchor=NW, x=20, y=175)
    button2 = Button(window, text='结束', command=lambda: lottery_end(), width=14, height=2, bg='#A8A8A8',
                     font='宋体 -18 bold')
    button2.place(anchor=NW, x=232, y=175)

    window.mainloop()
 
代码中主要是按照创建窗口，创建显示框，创建按钮，编写抽奖函数等步骤来实现。
 
有一个点需要注意一下，当第一次抽奖还没有(点击)结束时，如果点了第二次(或很多次)抽奖，会有多次抽奖并行运行，点结束时，无法使抽奖器正常结束，甚至造成程序出错。所以在代码中设置了两个全局变量 going 和 is_run，分别表示是否可以继续滚动(递归)显示下一个名额和当前抽奖器是否在运行，通过它们控制同时只有一次抽奖在运行。
 
最后的抽奖器效果如下：
 
 
这个程序可以用于抽奖，还可以用于点名等，不同使用场景只需要简单修改就可以了。