如何在JavaScript设置时钟和视频的时间/ HTML5

问题描述 投票:-1回答:1

我需要一个数字时钟和页面上的视频。当时钟打每分钟35秒,视频开始。

例如,在21点零零分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>
javascript jquery html css html5
1个回答
0
投票

您的示例是有点混乱,我所以请原谅我,但如果你需要的是

当时钟打每分钟35秒钟,则视频开始。

你可以只添加一个id为您的视频

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

并添加播放()给你的函数,如果S = 35

if (s === 35 ) {
    player.play();
}
© www.soinside.com 2019 - 2024. All rights reserved.