Simone如何写抽奖程序
的有关信息介绍如下：
使用简单html + js 制作照片随机抽奖程序.
应用场景有各种场合的抽奖，比如同学会上。
在电脑的随便个地方(比如桌面)创建新的文件夹，命名为 抽奖 (名字没关系)。
打开这个文件夹。继续创建以下几个文件。
在打开的文件空白地方右键新建一个文件夹命名问photo,放入同学当年(小学初中高中)的照片，每张照片以该同学的名字命名，后缀名都需要是 .jpg。
回到文件夹“抽奖”下，奖制作一张背景图（详看各种ps经验）放于改文件夹下，命名为 background.JPG。
右键新建文本文档，连同后缀名在内，将名称命名为 cj.js
其内容如下：
var arrAllNames=["张三","李四","王五","这里","将","同学们","的","名字","逐一","打入","这个","数组","格式","就像","这样"];
var a = 0;
function Inital()
{
document.getElementById("main_body").background = "background.JPG";
}
function funDisplayName()
{
alert(funGetName());
}
function funGetName()
{
var str=decodeURIComponent(document.getElementById("imgFace").src);
var idx1=str.lastIndexOf(".");
var idx2=str.lastIndexOf("/");
var filename=str.substring(idx2+1,idx1);
return filename;
}
function funclick(ipt)
{
var btnTitle="";
if(ipt.value=="开始")
btnTitle="停";
else
btnTitle="开始";
ipt.value=btnTitle;
if(btnTitle=="开始")
{
var timerid=parseInt(document.getElementById("txtTimerID").value);
if(isNaN(timerid))
{
window.clearInterval()
}
else
{
window.clearInterval(timerid)
}
arrAllNames.splice(a,1);
}
if(btnTitle=="停")
{
a=0;
document.getElementById("txtTimerID").value=window.setInterval(
function()
{
a++;
if(a==arrAllNames.length) {a=0;}
document.getElementById("imgFace").src = "photos/"+arrAllNames[a]+".jpg";
},100)
}
}
新建文本文档，其内容如下,复制好后，将全称改为 抽奖.htm:
到此，创建文件完毕，如图所示。
双击 抽奖.htm,如果默认是ie浏览器，有可能会出现如图，需要点击【允许阻止的内容】，其他浏览器一般没问题。
随后弹出的窗口点【是】，出现如红色图所示。
点击【开始】，照片自动跳转，再点【停】，这时候可以让同学们猜下这位同学是谁。然后点击【显示名字】。
调节照片跳转的频率在cj.js。如图位置。100就是0.1秒切换一次，这里可以自由设置，然后保存刷新页面，效果即显。
