自制抽奖程序(如何写抽奖程序)

导读 大家好,小柏来为大家解答以上问题。自制抽奖程序,如何写抽奖程序很多人还不知道,现在让我们一起来看看吧! 解答:1、 在电脑的随便个地...

大家好,小柏来为大家解答以上问题。自制抽奖程序,如何写抽奖程序很多人还不知道,现在让我们一起来看看吧!

解答:

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秒切换一次,这里可以自由设置,然后保存刷新页面,效果即显。

本文到此讲解完毕了,希望对大家有帮助。