ひとつのボタンでタイマーを動かしたり止めたりしたいのですが
ひとつのボタンでタイマーを動かしたり止めたりしたいのですが
こんにちは
趣味でjavascriptをしているものです
以下のサイトから、テトリスのコードをダウンロードしたのですが、
http://java.aimary.com/
このjavascriptの動くhtml内に
gameInterval(ゲーム内のタイマー変数)を
使って、ポーズボタンのようなものを追加したいと思ったのですが、
以下のコードのようにすると、いったん停止したとおもったら、
再びタイマーが呼び出され、何度も押すと、タイムインターバルが
短くなっていきました。
//headに追加
function clear_timer()
{
var obj = document.getElementById("timer_control");
clearInterval( gameInterval );
obj.detachEvent('onclick', clear_timer);
obj.attachEvent('onclick', set_timer );
}
function set_timer()
{
var obj = document.getElementById("timer_control");
obj.detachEvent('onclick', set_timer );
obj.detachEvent('onclick', clear_timer );
gameInterval = window.setInterval("Handle_Interval()",
(maxspeed-speed+1)*60);
obj.attachEvent( 'onclick', clear_timer );
}
//bodyに追加
<div style='position:absolute; left:520px; top:100px;'>
<form name='Form1'>
<input type="button" id="timer_control" value="pause"
onclick="JavaScript:clear_timer();">
</form>
</div>
おそれいりますが、どなたか、正しい記述の仕方を
教えていただけないでしょうか?
よろしくおねがいします。