setTimeoutの待機時間をスキップ

Question

私は多くのボタンを持つビデオを持っています、各ボタンは、5秒待ってから、特定のポイントにビデオ転送を行います。 button.idが"skipping"に等しい

function setTimeVid(button) { 
      if(button.id=='b1'){ 
       timerId=setTimeout(function(){ 
        vid.currentTime=point1; 
       },5000); 
      } 
      if(button.id=='b2'){ 
       timerId=setTimeout(function(){ 
        vid.currentTime=point2; 
       },5000); 
      } 
// and 5-6 more 

最終ボタンは、待ち時間5秒をキャンセルし、すぐに機能を実行する必要があります。

setTimeoutが既に起動している場合にのみ、「スキップ」ボタンを押すことができます。私は5秒待ってすぐにそれを実行する必要があります。どうすればこれを達成できますか？

Answer 1

あなたは

let timeoutReference; 
 

 
const startButton = document.getElementById('start'); 
 
const skipButton = document.getElementById('skip'); 
 

 
const yourFunction =() => { 
 
    const text = document.createElement('div'); 
 
    text.innerHTML = 'sarasa'; 
 
    document.body.appendChild(text); 
 
    skipButton.disabled = true; 
 
} 
 

 
const waitTime =() => { 
 
    timeoutReference = setTimeout(yourFunction, 2000); 
 
} 
 

 
startButton.addEventListener('click',() => { 
 
    skipButton.disabled = false; 
 
    waitTime(); 
 
}); 
 

 
skipButton.addEventListener('click',() => { 
 
    clearTimeout(timeoutReference); 
 
    yourFunction(); 
 
});

<button id="start">Start</button> 
 
<button id="skip" disabled>Skip</button>