JavaScript setTimeout

質問

失礼します現在ボタンがクリックされた場合、指定秒数をカウント後console.logし、再度ボタンがクリックされた場合秒数を初期化して、再度カウントするようにしたいのですがうまくいきません、何卒ご教授お願い致します。

<td align="center"><input type="button" value=" １ " onclick="myValue(1)" style="width:100%; height:45px;"></td>

<script type="text/javascript">
function hoge(){
//console.log("piyo");
}

function myValue(myData){
setTimeout(hoge(),3000);
}
</script>

回答No.1

t_ohta · ベストアンサー

貴方が「うまくいかない」と感じされているのは、具体的にはどのような現象の事を言われているのでしょうか？

動かしてみて私が変だと思った
・ボタンを押下したらすぐにコンソールに piyo が出る
・連続してボタンを押下したらタイマーがリセットされず押下した分だけコンソールに piyo が出る
を修正すると以下のようになります。
==========
var objTimer = null;
function hoge(){
console.log("piyo");
objTimer = null;
}
function myValue(myData){
if (objTimer != null) {
clearTimeout(objTimer);
}
objTimer = setTimeout(hoge,3000);
}
==========

お礼

まさにやりたい事です！考え方がとても参考になりました。
ありがとうございます。