[javascript] if文とsetTimeoutで要素を動かしている。

あ、しかも広告に隠れちゃった。

ソース

<input type="button" value="実行" onclick="cli()">
<script type="text/javascript">
hoge01 = 0;
hoge02 = 0;

function cli(){
if(hoge01<=25){
hoge01 += 1;
document.getElementById("box01").style.left =  hoge01*hoge01 + "px";
}

	if(hoge01 > 5){
		if(hoge02 <= 20){
		hoge02 += 1;
		document.getElementById("box01").style.top =  hoge02*hoge02 + "px";
		}
	}
setTimeout('cli()',25);
}

</script>
<style>
#hoge .box{ width:10px; height:10px; background:#333; position:relative; left:0;}
</style>
<blockquote>
<div id="hoge">
<div id="box01" class="box"></div>
</div>
</blockquote>