如何在JavaScript中将音视频的分秒格式时间转换为currentTime？（含具体场景示例）

Hey there! Converting that "MM:SS" formatted time string to a valid currentTime value (which uses total seconds) is straightforward once you break it down. Let's walk through how to do it properly, including edge cases to keep your video behavior consistent.

Step 1: Parse the Time String into Seconds #

First, we need to split the time string into minutes and seconds, then calculate the total number of seconds. Here's a reusable function for that:

function convertMMSStoSeconds(timeStr) {
  // Split the string at the colon and convert parts to numbers
  const [minutes, seconds] = timeStr.split(':').map(Number);
  // Calculate total seconds (minutes * 60 + remaining seconds)
  return minutes * 60 + seconds;
}

Step 2: Ensure Valid currentTime (Respect Video Duration) #

Since you know your video's duration is 239 seconds, we should make sure we don't set currentTime to a value greater than the video's total length—this avoids unexpected behavior (like the video jumping to the end immediately). We can use Math.min() to cap the value:

// Your input time string
const targetTimeStr = "02:30";
// Get your video element (adjust selector as needed)
const video = document.querySelector('video');
// Parse time to seconds
const targetSeconds = convertMMSStoSeconds(targetTimeStr);
// Cap the value at the video's duration
const validCurrentTime = Math.min(targetSeconds, video.duration);

// Set the current time
video.currentTime = validCurrentTime;

Key Notes #

• Flexible Format Handling: The function works with both single-digit and double-digit minutes/seconds (e.g., "2:30" or "02:30" will both return 150 seconds).
• Handling Invalid Input: If you're worried about malformed time strings (like "abc:12"), you can add basic validation—for example, checking if minutes and seconds are valid numbers before calculating:

  function convertMMSStoSeconds(timeStr) {
    const parts = timeStr.split(':').map(Number);
    if (parts.length !== 2 || isNaN(parts[0]) || isNaN(parts[1])) {
      throw new Error("Invalid time format. Use MM:SS.");
    }
    const [minutes, seconds] = parts;
    return minutes * 60 + seconds;
  }
  

• Extending to Hours: If you ever need to handle "HH:MM:SS" format later, just adjust the function to account for hours:

  function convertHHMMSStoSeconds(timeStr) {
    const [hours, minutes, seconds] = timeStr.split(':').map(Number);
    return hours * 3600 + minutes * 60 + seconds;
  }
  

内容的提问来源于stack exchange，提问作者Thắng