使用JS创建进度条

Question

我想用JS创建进度条，但滑块是HTML元素（照片），应该随着歌曲的持续时间在进度条上移动，并在歌曲结束时从头开始返回...。播放器，这是一种习惯，客户坚持认为滑块是他发送给我的照片。

谢谢！

Answer 1

var progressContainer = document.getElementById("seek-bar-box");

fillBar.addEventListener('click', function(e) {
    if(audioPlayer.ended === false){
        var mouseX = e.pageX - progressContainer.offsetLeft;
        var newTime = mouseX*audioPlayer.duration/370;
       audioPlayer.pause();
        audioPlayer.currentTime = 620;// parseInt(200);
       audioPlayer.play();
       ff.style.width = mouseX + 'px';
      console.log(newTime);
  }
},false);

它不起作用，当我单击进度条时，它会将歌曲恢复为0