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'>&nbsp;"+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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

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

您可能感兴趣的文章: