无法读取未定义的属性“toFixed”。 未捕获的类型错误

Question

I'm trying to understand why my code block doesn't work. I am using JQuery as well as vanilla JS.

Here's my code.

 // update every 1 second on time.
  setInterval(function() {
    // get current time and duration of entire video
    let getTimePaused = video.currentTime;
    let vidTime = getTimePaused.toFixed(0);
    let formatTime = minTommss(vidTime);
    $(".timeLeft").text(
      minTommss(vidTime / 60) + " - " + minTommss((video.duration / 60) + 0.01)
    );
  }, 1000);

Any help is much appreciated.

Thanks!

Answer 1

I actually fixed it.

In my case, the problem didn't have anything to do with toFixed() .

My problem was due to mixing JQuery and Vanilla Javascript.

Like this,

let video = $(".video");

video.on("timeupdate", function() {
    let colorPos = video.currentTime / video.duration;
    color.style.width = colorPos * 100 + "%";
    if (video.ended) {
      btn.className = "replay";
    }
  });

Solution

let video = document.querySelector(".video");

video.addEventListener("timeupdate", function() {
    let colorPos = video.currentTime / video.duration;
    color.style.width = colorPos * 100 + "%";
    if (video.ended) {
      btn.className = "replay";
    }
  });