クリック占い(2)

説  明
切り替わる画像をクリックすると占いの結果が表示されます。「大吉」「吉」「凶」「大凶」の4つがあります。裏返しになっている画像の番号を0、「大吉」「吉」「凶」「大凶」までを0〜3までの連番にしておく事で簡単なスクリプトになります。

注意事項
下記サンプルの青文字が星を表示する座標になっています。それぞれの状況に応じて書き換えてください。また、表示される画像である0.gif, 1.gif, 2.gif, 3.gifは同じディレクトリ/フォルダ内にある必要があります。


動作雰囲気チェック >>実行
サンプル
<html>
<head>
<title>クリック占い(2)</title>
<script language="JavaScript"><!--
flag = false;
num = 0;
function setCard()
{
num = Math.floor(Math.random() * 4);
document.result.src = num + ".gif";
if (!flag) setTimeout("setCard()",100);
}
function uranai()
{
if (flag)
{
alert("占いは一度だけですよ");
return;
}
flag = true;
}
// --></script>
</head>
<body onload="setTimeout('setCard()',100)">
<center><b>クリック占い(2)</b><br>
<br>
下の画像をタイミングよくクリックして今日の運勢を占おう!<br>
<br>
<img src="0.gif" name="result" onClick="uranai()">
</center>
</body>
</html>