软件开发培训班 >> 编程开发 >> JavaScript

JS模拟抽奖序效果实现代码

　　本文标签：抽奖,抽奖程序

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>JS模拟抽奖效果</TITLE> 
<style type="text/css"> 
.a1{ 
position:relative; 
font-family:Verdana; 
font-size:20px; 
color:#888888; 
} 
</style> 
<script language="JavaScript"> 
function lotto(){ 
if (!document.all&&!document.layers) 
return 
for (j=1; j < 48; j++)//stop zero!? 
{ 
var a=Math.round(Math.random()*j+1); 
var b=Math.round(Math.random()*j+1); 
var c=Math.round(Math.random()*j+1); 
var d=Math.round(Math.random()*j+1); 
var e=Math.round(Math.random()*j+1); 
var f=Math.round(Math.random()*j+1); 
} 
var x=new Array(a,b,c,d,e,f); 
if ((x[0] == x[1]) || (x[0] == x[2]) || (x[0] == x[3]) || (x[0] == x[3]) || (x[0] == x[5]) || 
(x[1] == x[2]) || (x[1] == x[3]) || (x[1] == x[4]) || (x[1] == x[5]) || 
(x[2] == x[3]) || (x[2] == x[4]) || (x[2] == x[5]) || 
(x[3] == x[4]) || (x[3] == x[5]) || 
(x[4] == x[5]) || (x[5] == x[4])) 
lotto();//restart 
else 
{ 
var y=x.toString(); 
var z=y.split(,); 
for (i=0; i < z.length; i++) 
{ 
z[i]=z[i]+" "; 
if (z[i].length < 3)//add 0 to singles 
z[i]="0"+z[i]+" "; 
} 
z=z.sort(); 
Nos=z[0]+z[1]+z[2]+z[3]+z[4]+z[5]; 
if (document.all) 
{document.all.layer1.innerHTML=Nos;}//OR Z! 
else if (document.layers) 
{ 
document.layers.layer1.document.open(); 
document.layers.layer1.document.write("<span style=position:absolute;top:0px;left:0px;font-family:Verdana;font-size:20px;color:#888888;text-align:center> "+Nos+"</span>"); 
document.layers.layer1.document.close(); 
} 
T=setTimeout(lotto(),10); 
} 
} 
//--> 
</script> 
</HEAD> 
<BODY> 
<table border=0 width=250 height=50> 
<tr valign=middle> 
<td align=center> 
<form name=form> 
<input type=button value=点此抽奖 onClick="lotto(),setTimeout(clearTimeout(T),3000)"> 
</form> 
<span id=layer1 class=a1>Result</span> 
</td> 
</tr> 
</table> 
</BODY> 
</HTML>

技术文章快速查找

Javascript表达式中连续的 && 和 || 之赋值区别

JQuery对class属性的操作实现按钮开关效果

用JavaScript实现页面百叶窗效果

js 对联广告、漂浮广告封装类（IE,FF,Opera,Safari,Chrome

JavaScript获取和设置CheckBox状态的简单方法

JavaScript中的面向对象介绍

jQuery操作select下拉框的text值和value值的方法

javascript 学习笔记(onchange等)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建