複数のボタンに振り分けている同じプログラムを、1秒後に止めたい

Question

実現したいこと

複数のボタンに振り分けている同じプログラムをつかい、最後にボタンを押してから1秒後に音が止まるようにしたいです。

前提

Audio.srcの中身は各ボタンごとに違うフリー素材のピアノの音を入れています。

発生している問題・エラーメッセージ

複数のボタンにaudioを再生するようにプログラミングしているのだが、同じ関数を複数のボタンで使っているためか、最初のボタンを押してから1秒後に処理が終了するのか、複数のボタンを押すと音が途切れる。なので、最後にボタンを押してから1秒後に音が止まるようにしたいです。

該当のソースコード

//
function  audioStop(){
Audio.pause
Audio.currenttime=0;
}

//音を鳴らす関数
function playPiano(){
//音が重ならないようにする
Audio.stop;
const timer1 =setTimeout(audioStop,1000);
Audio.play;
clearTimeout(timer1);
//ここで同じsetTimeIDでもう一回setTimeout(audioStop,1000);をやりたい
}
//各ボタンにピアノの音を鳴らす
for(i=0;i<6=;i++;){
 ("i".tostring).Eventlistener("click",playPiano);
}

試したこと

function playPiano(){
//音が重ならないようにする
Audio.stop;
const timer1 =setTimeout(audioStop,1000);
Audio.play;
clearTimeout(timer1);
setTimeout(audioStop,1000);
//ここで同じsetTimeIDでもう一回setTimeout(audioStop,1000);をやりたい
}
の場合、1秒以内に連続でボタンを押すと後に押したボタンの音が途切れます。

Answer 1

• 変数 timer1 をグローバル変数にする
• 変数 timer1 が無効な値かどうかを区別できるようにする。null とか。 初期値はその値。
• playPiano() では、変数 timer1 が有効な値だった場合は clearTimeout() する
• audioStop() では、変数 timer1 を無効な値にする

Comments

[mochisio]

ありがとうございます。
この回答を踏襲しつつ、playPiano()の中身を
//音を鳴らす関数
function playPiano(){

if(timer1!=null){
clearTimeout(timer1);
}
timer1 =setTimeout(audioStop,1000);

//音が重ならないようにする
audio.pause();
audio.currentTime = 0;
audio = new Audio(sound.file);
}
としたら解決いたしました。
ご回答ありがとうございます。