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秒时，视频应开始播放。

您可以在视频中添加一个ID

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

如果s = 35，则将play（）添加到函数中

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

如何在javascript / html5

1 个答案: