Как установить время на часах и видео в javascript / html5

Question

Мне нужны цифровые часы и видео на странице.Когда часы достигают 35-й секунды каждой минуты, видео должно начинаться.

Например, во время 21:00:35 начинается 15-секундный видеоклип.Как только он достигает конца клипа, он сидит кумиром до 21:01:10.Тот же самый 15-секундный видеоклип начинает воспроизводиться снова, затем снова в 21: 01: 45.

function showTime() {
  var date = new Date();
  var h = date.getHours(); // 0 - 23 
  var m = date.getMinutes(); // 0 - 59
  var s = date.getSeconds(); // 0 - 59

  if (h < 10) {
    h = "0" + h;
  }
  
  if (m < 10) {
    m = "0" + m;
  }
  
  if (s < 10) {
    s = "0" + s;
  }

  var time = h + ":" + m + ":" + s;
  document.getElementById('myClock').innerText = time;
  document.getElementById('myClock').textContent = time;

  setTimeout(showTime, 1);
}

showTime();

<i>
  <video width="320" height="240" controls>
    <source src="Myvid01.mp4" type="video/mp4">    
  </video>
</i>

Answer 1

Ваш пример меня немного смущает, так что простите, но если все, что вам нужно, это

Когда часы бьют 35-ю секунду каждой минуты, тогда видео должно начинаться.

вы можете просто добавить идентификатор к вашему видео

<video id="player" width="320" height="240" controls>

и добавить play () к вашей функции, если s = 35

if (s === 35 ) {
    player.play();
}