スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

あたらしいさいころです

 いつか投稿しましたさいころは、モーションGIFを使ったものでしたが、今回はタイマーを使ったものにしてみました。
 おみくじなどにも改造できるスクリプトです。今回のプログラムはシンプルに1から6の目を順に表示していますが、乱数を使って表示するともっとリアルになります。さいころの画像は、とりあえずみずまきITの会のサイトにアップしています。

 クリックごとに開始停止になるようにしています。
 画像が動かない場合はダウンロードが間に合わないのが原因ですので、一度とめて再度やると、一時ファイルを参照して動くようになります。

<
<
<
<<<


ソースは以下です。例によって<>は半角に。IDは適当に変更してください。

<span style="font-size:0px;color:white;"><<div id="dn1" width=0></div><<div id="dn2" width=0></div><<img id="dice1" src="http://mizumaki-it.net/dice/1.jpg"width=90 onclick="if(dn1.width==0){timer01=setInterval('{num1=dn1.width;num1++;if(num1>6){num1=1;} dice1.src='http://mizumaki-it.net/dice/\'+num1+\'.jpg\';dn1.width=num1;}',80);}else{clearInterval(timer01);dn1.width=0;}"/><<img id="dice2" src="http://mizumaki-it.net/dice/1.jpg"width=90 onclick="if(dn2.width==0){timer02=setInterval('{num2=dn2.width;num2++;if(num2>6){num2=1;} dice2.src=\'http://mizumaki-it.net/dice/\'+num2+\'.jpg\';dn2.width=num2;}',95);}else{clearInterval(timer02);dn2.width=0;}"/></span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。