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

时间:2017-03-26 21:39:10

标签: javascript

这就是我所拥有的:

<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()函数。

1 个答案:

答案 0 :(得分:3)

您应该将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;