爆破
爆破開始
M
爆破開始
M
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var n = 0;
var i = 5; //配列のindex番号
var timerA,timerB;
function Start(){
var st = new Array("E","G","A","B","C","I");//手の絵文字
sp2.innerText = st[i];
//手の絵文字を変化さす
sp3.innerText = i; //数時を５→０に変化さす
i --;
//変数iを1減らす
if(i < -1){
//０を超えたら、ﾍﾟｰｼﾞ背景色を赤にし、絵文字を変える
by.style.backgroundColor
= "red";
sp1.style.fontFamily
= "Webdings";
sp1.innerText = "+";
sp2.innerText = "";
sp3.innerText = "";
Dokan();
}
n ++;
timerA = setTimeout("Start()",1000);
}
var fsize = 150;
function Dokan(){
//絵文字のﾌｫﾝﾄｻｲｽﾞを5ptずつ大きくする
sp1.style.fontSize = fsize;
fsize += 5;
if(fsize > 600)Dokan2();
timerB = setTimeout("Dokan()",10);
}
function Dokan2(){
by.style.backgroundColor = "";//ﾍﾟｰｼﾞ背景色を元に戻す
//以下、絵文字を変える
sp1.style.fontSize = "100pt";
sp1.innerText = "h";
sp2.style.fontSize = "200pt";
sp2.innerText = "N";
clearTimeout(timerB);
if(n >= 15){//爆破開始15秒後に全てを終了する
clearTimeout(timerA);
ss.innerText =
"もう一度爆破するには、このページを再読み込みして下さい";
}
}
//--></script>
</head>
<body id="by">
<p><span id="ss" style="color:blue" onclick="Start();">
爆破開始</span></p>
<p align="center">
<span id="sp1" style="font:200pt wingdings">M</span>
<span id="sp2" style="font:100pt wingdings"></span>
<span id="sp3" style="font:100pt"></span>
</p>
end(最終更新:12/11/10)