当音频在JavaScript中经过某个时间点时运行功能

Question

Here is what i have:

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

and:

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

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

What i want:

I want to run the function lolz() when currentTime is greater than timePoint .

Answer 1

Your should make your lolz function an event listener by attaching it to the timeupdate event.

---

Your Updated Code:

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>

---

Working Example Snippet:

 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>