<！DOCTYPE HTML>、
<HTML>
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル> </ TITLE>
<スタイルタイプ= "テキスト/ cssの">
■は{幅：400ピクセル、高さ400ピクセル。ボーダー：1ピクセルベタ黒;位置：相対;}
.ball {幅：30px;高さ：30px;ボーダー半径：50％;背景色：赤;位置：絶対;左：0;上部：0;}
</スタイル>
</ HEAD>
<BODY>
<DIV CLASS = "ボックス">
<DIV CLASS = "ボール">
</ div>
</ div>
</ BODY>
<スクリプトタイプ= "テキスト/ javascriptの">
のvar obox = document.querySelector（ "ボックス。"）;
VAR oball = document.querySelector（ "ボール" ）;
ありました。
ここで、b;
Cでした。
ここで、d;
document.onclick =関数（）{
クリアタイマー、複数の出現を防止するためには、ボールが連続速度増加を移動させる、複数のタイマをクリック
;てclearInterval（A）
てclearInterval（B）;
てclearInterval（C）;
てclearInterval（D）を、
大きなフレームは、走行方向のために、別のタイマーを確立し、タイマーをクリアするために移動されるたびに、いくつかの確立タイマ、
A =たsetInterval（関数（）{
IF（oball.offsetLeft> 370）{
oball.offsetLeft = 370。
clearInterval（A）;
B =たsetInterval（関数（）{
）370（oball.offsetTop> IF {
oball.offsetTop = 370;
てclearInterval（B）、
CがのsetInterval（関数（）{=
（oball.offsetLeft <0）{IF
= 0 oball.offsetLeft;
てclearInterval（C）;
D =のsetInterval（関数（）{
IF（oball.offsetTop <0）{
oball.offsetTop = 0
} {他
。oball.style.top + = 5 oball.offsetTop「PX "
}
}、30）
}他{
oball.style.left + = 5-oball.offsetLeft" PX」
}
}、30）
}他{
oball.offsetTop。5 + + = oball.style.top "PX"
}
}、30）
}他{
oball.style.left。5 + + = oball.offsetLeft "PX"
}
}、30）
}
すべてのキーボードをクリアするが押されタイマー制御するキーボード
document.onkeydown =関数（イブ）{
てclearInterval（A）;
てclearInterval（B）;
てclearInterval（C）;
てclearInterval（D）;
E = || window.eventイブ;
IF（e.keyCode 37 ==）{
IF（oball.offsetLeft <0）{
oball.offsetLeft = 0
} {他
oball.style.left + = 5 oball.offsetLeft "PX";
}
}
（== 38 e.keyCode場合）{
IF（oball.offsetTop <0）{
oball.offsetTop = 0
} {他
。oball.style.top + = 5 oball.offsetTop "PX"。
}
}
IF（e.keyCode == 39）{
IF（oball.offsetLeft> 370）{
oball.offsetLeft = 370
}他{
oball.style.left = oball.offsetLeft + 5 + "PX"。
}
}
もし（e.keyCode == 40）{
IF（oball.offsetTop> 370）{
oball.offsetTop = 370
}他{
oball.style.top = oball.offsetTop + 5 + "PX"。
}
}
}
</ SCRIPT>
</ HTML>