大家好,小柏来为大家解答以上问题。自制抽奖程序,如何写抽奖程序很多人还不知道,现在让我们一起来看看吧!
解答:
1、 在电脑的随便个地方(比如桌面)创建新的文件夹,命名为抽奖(名字没关系)。
2、 打开这个文件夹。继续创建以下几个文件。
3、 在打开的文件空白地方右键新建一个文件夹命名问照片,放入同学当年(小学初中高中)的照片,每张照片以该同学的名字命名,后缀名都需要是jpg。
4、 回到文件夹"抽奖"下,奖制作一张背景图(详看各种著名图象处理软件经验)放于改文件夹下,命名为背景JPG。
5、 右键新建文本文档,连同后缀名在内,将名称命名为cj.js
6、 其内容如下:
7、 var arrAllNames=['张三','李四','王五','这里','将','同学们','的','名字','逐一','打入','这个','数组','格式','就像','这样'];
8、 var a=0;
9、 函数Inital()
10、 {
11、 文件。getelementbyid(' main _ body ').背景='背景“JPG”;
12、 }
13、 funDisplayName()函数
14、 {
15、 alert(funGetName());
16、 }
17、 funGetName()函数
18、 {
19、 var str=decodeURIComponent(文档。getelementbyid(' imgFace ').src);
20、 var idx1=str.lastIndexOf(' . ');
21、 var id x2=str。的last index('/');
22、 var filename=str。子串(id x2 1,id x1);
23、 返回文件名;
24、 }
25、 功能函数
26、 {
27、 var btnTitle=
28、 if(ipt.value=='开始)
29、 ' btnTitle="停;
30、 其他
31、 " btnTitle="开始;
32、 ipt.value=btnTitle
33、 if(btnTitle=="开始)
34、 {
35、 var timerid=parsent(文档。getelementbyid(' Txtimerid ').值);
36、 if(isNaN(timerid))
37、 {
38、 window.clearInterval()
39、 }
40、 其他
41、 {
42、 window.clearInterval(timerid)
43、 }
44、 arrolnames。拼接(a,1);
45、 }
46、 if(btnTitle=='停)
47、 {
48、 a=0;
49、 文件。getelementbyid(' Txtimerid ').value=window.setInterval(
50、 函数()
51、 {
52、 a;
53、 if(a==ArrallNames。长度){ a=0;}
54、 文件。getelementbyid(' IMgface ').src='photos/' arrAllNames[a]' .jpg ';
55、 },100)
56、 }
57、 }
58、 新建文本文档,其内容如下,复制好后,将全称改为抽奖。htm:
59、 超文本标记语言
60、 头
61、 标题抽奖/title
62、 meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '
63、 脚本src=' CJ。js /脚本
64、 /head
65、 body id=' main _ body ' on load=' Inital()' style=' background-size : cover;'
66、 表单id='Form1 '方法='post' runat='server '
67、 表格对齐='右'
68、 tr
69、 任务描述高度='400px '
70、 img id=' IMgface ' src=' width=' 384 px ' height=' 569 px '/
71、 /td
72、 任务描述宽度='100px'/td
73、 /tr
74、 tr
75、 td colspan='2 '
76、 输入类型='button' id='btn1 '值='开始onclick=' func lick(this);返回;'
77、 输入类型='隐藏id=' txtTimerID '
78、 输入类型='hidden' id='txtAllEmpName '
79、 挑选
80、 选项值='1 '一等奖/option
81、 选项值='2 '二等奖/option
82、 选项值='3 '三等奖/option
83、 /select
84、 输入类型=' button ' id=' btnShowName ' value='显示名字onclick=' funDisplayName();返回;'
85、 /td
86、 /tr
87、 /table
88、 /form
89、 /body
90、 /html
91、 到此,创建文件完毕,如图所示。
92、 双击抽奖htm,如果默认是工程师协会浏览器,有可能会出现如图,需要点击【允许阻止的内容】,其他浏览器一般没问题。
93、 随后弹出的窗口点【是】,出现如红色图所示。
94、 点击【开始】,照片自动跳转,再点【停】,这时候可以让同学们猜下这位同学是谁。然后点击【显示名字】。
95、 调节照片跳转的频率在cj.js。如图位置。100就是0.1秒切换一次,这里可以自由设置,然后保存刷新页面,效果即显。
本文到此讲解完毕了,希望对大家有帮助。