スロット MENU

anime1 anime2 anime3
使用説明
・1のボタンをクリックすると左、2のボタンをクリックすると中央、
 3のボタンをクリックすると右の数字がとまります。
・Startのボタンをクリックすると数字が回転します。
・Levelボタンをクリックすると右の数字が変わります。
 300は1/300秒に次の数字にかわります。

Sorce


<HTML lang="ja">
<HEAD>
<TITLE>ルーレット</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
 var ix1 = 1;
 var ix2 = 1;
 var ix3 = 1;
 var ix4 = 0;
 var lbl = new Array(300,200,100,50);
 var sw=new Array(1,1,1);
 wk=new Array("btn052-0.gif","btn052-1.gif","btn052-2.gif","btn052-3.gif","btn052-4.gif",
              "btn052-5.gif","btn052-6.gif","btn052-7.gif","btn052-8.gif","btn052-9.gif")
 img=new Array()
 for (var i=0;iwk.length-1)ix1=0;
     if(sw[0]==1) {clearTimeout(an1);} else
                  {document.anime1.src = img[ix1].src;}
     CHK();
 }
 function anime_2() { 
     ix2++;
     if(ix2>wk.length-1)ix2=0;
     if(sw[1]==1) {clearTimeout(an2);} else
                  {document.anime2.src = img[ix2].src;}
     CHK();
 }
 function anime_3() { 
     ix3++;
     if(ix3>wk.length-1)ix3=0;
     if(sw[2]==1) {clearTimeout(an3);} else
                  {document.anime3.src = img[ix3].src;}
     CHK();
 }
 function CHK() { 
     if(sw[0]!=1) return;
     if(sw[1]!=1) return;
     if(sw[2]!=1) return;
     if(ix1==ix2 && ix1==ix3) document.form1.X.value = "Congraturation";
 }
 function STP(ix) { 
     sw[ix] = 1;
 }
 function LBL() { 
     ix4++;
     ix4 = (ix4<4)? ix4:0;
     document.form1.Z.value = lbl[ix4];
 }
//-->
</SCRIPT>

</head>

<BODY onLoad="anime()">

<div align="center">
<FORM NAME="form1">
<table border="1" bordercolor="0000ff">
<tr><td align="center">
<table border="3" bordercolor="0000ff">
<tr><td align="center"><img src="btn052-0.gif" NAME="anime1" alt="anime1"></td>
    <td align="center"><img src="btn052-0.gif" NAME="anime2" alt="anime2"></td>
    <td align="center"><img src="btn052-0.gif" NAME="anime3" alt="anime3"></td>
</tr></table>

<table border="0">
<tr><td align="center"><INPUT TYPE="button" VALUE="1"
                        style="width: 25px; background-color: #0000ff;
                        color: #ffffff" onMouseDown="STP('0')"></td>
    <td align="center"><INPUT TYPE="button" VALUE="2"
                        style="width: 25px; background-color: #0000ff;
                        color: #ffffff" onMouseDown="STP('1')"></td>
    <td align="center"><INPUT TYPE="button" VALUE="3"
                        style="width: 25px; background-color: #0000ff;
                        color: #ffffff" onMouseDown="STP('2')"></td></tr>
<tr><td align="center" colspan="3"><INPUT TYPE="button" VALUE="Start"
                        style="width: 90px; background-color: #ff0000; color: #ffffff;
                        font-weight: bold" onClick="anime()">
</td></tr></table>
<table border="0">
<tr><td align="center"><INPUT TYPE="button" VALUE="Level"
                        style="width: 50px; background-color: #ffff00;
                        color: #0000ff; font-weight: bold" onClick="LBL()"></td>
    <td align="center"><INPUT type="text" name="Z" value="300" size="4"
                        style="text-align: right; background-color: #e6ffff;
                        font-weight: bold"></td></tr>
</td></tr></table>
</td><td>
・1のボタンをクリックすると左、2のボタンをクリックすると中央、<BR>
 3のボタンをクリックすると右の数字がとまります。<BR>
・Startのボタンをクリックすると数字が回転します。<br>
・Levelボタンをクリックすると右の数字が変わります。<br>
 300は1/300秒に次の数字にかわります。
</td></tr>
<tr><td  colspan="2" align="center">
<INPUT type="text" name="X" value="" size="100" 
     style="text-align: center; background-color: #e6ffff">
</td></tr></table>
</FORM>
</div>

</body>
</html>