当音频通过 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>

---

工作示例代码段：

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

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

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