setIntervalについて

質問

お世話になります

<script type="text/javascript"><!--
window.onload=function() {
n=0;
Timer = setInterval("ch()",1000);
}

function ch() {
n++;
document.getElementById("test").innerHTML = n;
}
function re() {
clearInterval(Timer);
}
function call() {
Timer = setInterval("ch()",1000);
}
//--></script>

<input type="button" onclick="re()" value="reset">
<input type="button" onclick="call()" value="call">
<div id="test"></div>

としたときにページを表示したら1秒ごとに<div>『test』に1ずつ数が増えて表示されていき『reset』ボタンを押すとTimerが止まり『call』ボタンを押すとTimerが再開します

でもTimerを解除せずに『call』ボタンを押すと1秒に2ずつ、3ずつという風に相乗されていきます（新しいTimerが追加されていく）

これをTimerが起動しているときに『call』ボタンを押すとreturn false;
起動していないときにはTimerを起動させるという風にすることは可能でしょうか？
(Timerが起動しているときに『call』ボタンを押せないようにする以外に）

回答No.1

yambejp · ベストアンサー

フラグで管理すればよいのでは？

<script type="text/javascript">
window.onload=function() {
n=0;
Timer = setInterval("ch()",1000);
timerFlg=true;
}

function ch() {
n++;
document.getElementById("test").innerHTML = n;
}
function re() {
clearInterval(Timer);
timerFlg =false;
}
function call() {
if(timerFlg) return false;
Timer = setInterval("ch()",1000);
timerFlg =true;
}
</script>

<input type="button" onclick="re()" value="reset">
<input type="button" onclick="call()" value="call">
<div id="test"></div>

お礼

回答ありがとうございます

なるほどそういった方法がありましたか
うまくいきました
ありがとうございますｍ（－－）ｍ