当音频通过JavaScript中的某个时间点时运行功能

Question

这就是我所拥有的：

<audio id='audio' src="lol.mp3" autoplay></audio>

和

var currentTime = document.getElementById('audio').currentTime
var timePoint = 26.5

function lolz() {
document.write("lolz")
}

我想要的是什么：

当 currentTime 大于 timePoint 时，我想运行lolz（）函数。

Answer 1

您应该将lolz函数附加到timeupdate事件，使其成为事件监听器。

<小时/>

您更新的代码：

document.getElementById('audio').addEventListener('timeupdate', lolz)
var timePoint = 26.5

function lolz () {
  if (this.currentTime > timePoint) {
    document.body.textContent = "lolz"
  }
}

<audio id="audio" src="lol.mp3" autoplay></audio>

<小时/>

工作示例代码段：

＆＃13;

＆＃13;

document.getElementById('audio').addEventListener('timeupdate', lolz)
var timePoint = 3.1

function lolz () {
  if (this.currentTime > timePoint) {
    document.body.textContent = "lolz"
  }
}

＆＃13;

<audio id="audio" src="//mdn.mozillademos.org/files/2587/AudioTest.ogg" autoplay></audio>

＆＃13;

＆＃13;

＆＃13;