javascript - 如何在 timeupdate 事件中获取当前时间(应用和绑定(bind))

Question

如何从 Html5 Audio 获取 currentTime。我没有放置音频 html 标签。我只想在 typescript.i 中执行此操作，得到 TypeError:无法读取未定义的属性“currentTime”。我认为当前的背景有问题吗？我如何使用应用和绑定(bind)或任何其他技术来修复它？

//player.ts

 audio = new Audio(); 
btnPlay(){ 
    this.audio.src = "media/Audio_1.mp3";     
    this.audio.load();
    this.audio.play();
    this.audio.addEventListener('timeupdate',this.timeupdate)
 }
timeupdate(e){  
  console.log(this.audio.currentTime); 
}

Answer 1

使timeupdate成为箭头函数:

timeupdate = (e) => {  
  console.log(this.audio.currentTime); 
}

参见https://www.typescriptlang.org/docs/handbook/functions.html#this-and-arrow-functions了解更多信息。