📄 resu.js
字号:
var timeoutID;
var number = new Array();
var count = 0;
var i;
var timenow = 0;
var timeout = 10;
var start = true;
var first = true;
var current_drawno = 0;
var current_numsize = 0;
var red;
var green;
var blue;
var machine;
var machine_roll;
function load_image(){
red = new Image(50, 50);
red.src = "p/red.gif";
green = new Image(50, 50);
green.src = "p/green.gif";
blue = new Image(50, 50);
blue.src = "p/blue.gif";
machine = new Image(198, 198);
machine.src = "p/machine.gif";
machine_roll = new Image(198, 198);
machine_roll.src = "p/machine_roll.gif";
}
//receive database result from backend.php. The checking of new update will do here.
function update_from_child( drawno, drawdate, drawtime, num )
{
/*------------------------------------------------------------------------------------------+
| 3 conditions to check current database content. |
+-------------------------------------------------------------------------------------------+
| 1. Received array ( num ) is empty --> num.length == 0 |
| 2. current draw number not same as in database when the draw is not the first number. |
| 3. current number held is not same as database when the draw is not the first number. |
+------------------------------------------------------------------------------------------*/
if( num.length == 0 )// point 1
{
start = false;
first = true;
count = 0;
document.getElementById("image").src = machine.src;
document.getElementById("message").innerHTML = "对不起，系统还未开彩， 请稍后再回来";
return;
}
else if( first == false )
{
if ( current_drawno != drawno ) //point 2
{
clearTimeout(timeoutID);
start = false;
count = 0;
document.getElementById("image").src = machine.src;
start = true;
first = true;
}
else //point 3
{
for ( i = 0 ; i < current_numsize ; i++ )
{
if ( num[i] != number[i] )
{
clearTimeout(timeoutID);
start = false;
count = 0;
document.getElementById("image").src = machine.src;
document.getElementById("message").innerHTML = "对不起，号码输入错误！";
setTimeout("first = true",500);
start = true;
break;
}
}
}
}
else
{
start = true;
current_numsize = num.length;
number = num;
}
//if it is first draw number, fix draw number, draw date, and draw time
if (first)
{
current_drawno = drawno;
current_numsize = num.length;
number = num;
first = false;
document.getElementById("image").src = machine_roll.src;
document.getElementById("message").innerHTML = "";
drawdate = drawdate.split(" ");
switch(drawdate[0]){
case "Mon":
drawdate[0] = "一";
break;
case "Tue":
drawdate[0] = "二";
break;
case "Wed":
drawdate[0] = "三";
break;
case "Thu":
drawdate[0] = "四";
break;
case "Fri":
drawdate[0] = "五";
break;
case "Sat":
drawdate[0] = "六";
break;
case "Sun":
drawdate[0] = "日";
break;
}
document.getElementById("drawno").innerHTML = drawno;
document.getElementById("drawdate").innerHTML = "<b>星期"+drawdate[0]+" "+drawdate[1]+"</b>";
document.getElementById("drawtime").innerHTML = "<b>"+drawtime+"</b>";
drawstart();
}
else
{
current_numsize = num.length;
number = num;
}
}
//start the draw. generates random number to show the current draw number. fix the result after timeout.
function drawstart()
{
var rand_num;
if (start)
{
eval("numid = document.getElementById(\"num"+(count+1)+"\");");
timeoutID = setTimeout("drawstart()",75);
if ( timenow==timeout )
{
if ( count < number.length )
{
fix_result();
}
else
{
timenow = 0;
}
}
else
{
timenow++;
rand_num = random_value(1,49);
//fix color of the number
switch (rand_num)
{
case 1: case 2: case 7: case 8: case 12:
case 13: case 18: case 19: case 23: case 24:
case 29: case 30: case 34: case 35: case 40:
case 45: case 46:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"displayR1\" >"+rand_num+"</h2>";
document.getElementById('blue'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = 'none';
document.getElementById('red'+(count+1)).style.display = '';
break;
case 3: case 4: case 9: case 10: case 14:
case 15: case 20: case 25: case 26: case 31:
case 36: case 37: case 41: case 42: case 47:
case 48:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"displayR2\" >"+rand_num+"</h2>";
document.getElementById('red'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = 'none';
document.getElementById('blue'+(count+1)).style.display = '';
break;
case 5: case 6: case 11: case 16: case 17:
case 21: case 22: case 27: case 28: case 32:
case 33: case 38: case 39: case 43: case 44:
case 49:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"displayR3\" >"+rand_num+"</h2>";
document.getElementById('red'+(count+1)).style.display = 'none';
document.getElementById('blue'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = '';
break;
}
}
}
}
//show the result in number display frame. Fixed current order number
function fix_result()
{
timenow = 0;
switch (number[count])
{
case 1: case 2: case 7: case 8: case 12:
case 13: case 18: case 19: case 23: case 24:
case 29: case 30: case 34: case 35: case 40:
case 45: case 46:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"display"+(count+1)+"\">"+number[count]+"</h2>";
document.getElementById('blue'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = 'none';
document.getElementById('red'+(count+1)).style.display = '';
break;
case 3: case 4: case 9: case 10: case 14:
case 15: case 20: case 25: case 26: case 31:
case 36: case 37: case 41: case 42: case 47:
case 48:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"display"+(count+1)+"\">"+number[count]+"</h2>";
document.getElementById('red'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = 'none';
document.getElementById('blue'+(count+1)).style.display = '';
break;
case 5: case 6: case 11: case 16: case 17:
case 21: case 22: case 27: case 28: case 32:
case 33: case 38: case 39: case 43: case 44:
case 49:
document.getElementById('num'+(count+1)).innerHTML = "<h2 id=\"display"+(count+1)+"\">"+number[count]+"</h2>";
document.getElementById('red'+(count+1)).style.display = 'none';
document.getElementById('blue'+(count+1)).style.display = 'none';
document.getElementById('green'+(count+1)).style.display = '';
break;
}
count++;
if (count == 6)
{
document.getElementById("plus").innerHTML = "+";
}
if (count == 7)
{
document.getElementById("image").src = machine.src;
document.getElementById("replay").innerHTML = "重播";
document.getElementById("final_message").innerHTML = "搅珠结果完毕！"
clearTimeout(timeoutID);
start = false;
count = 0;
}
}
//generates random value
function random_value(low, high)
{
return Math.floor(Math.random() * (1 + high - low) + low);
}
//clear draw date and time in header.
function clear_draw_date_time(){
document.getElementById("drawno").innerHTML = "";
document.getElementById("drawdate").innerHTML = "";
document.getElementById("drawtime").innerHTML = "";
}//*/
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -