Javascript 从 Youtube URL 中提取 t 时间参数

Question

我搜索了一种提取t时间参数内容的方法

所以，例如：

https://youtu.be/YykjpeuMNEk?t=2m3s
https://youtu.be/YykjpeuMNEk?t=3s
https://youtu.be/YykjpeuMNEk?t=1h2m3s

我想获取 h、m 和 s 值。

我可以想象我必须使用正则表达式才能完成这项工作，但我找不到正确的表达式字符串（那时的小新手）

我暂时只有这个：

var matches = t.match(/[0-9]+/g);

我用这个工具来测试不同的表达方式，但无法正确格式化并确保内容与 h、m 和 s 完全相关。

如果你有任何想法;)

回答对我有用：

url = 'https://youtu.be/vTs7KXqZRmA?t=2m18s';
var matches = url.match(/\?t=(?:(\d+)h)?(?:(\d+)m)?(\d+)s/i);
var s = 0;
s += matches[1] == undefined ? 0 : (Number(matches[1])*60*60);
s += matches[2] == undefined ? 0 : (Number(matches[2])*60);
s += matches[3] == undefined ? 0 : (Number(matches[3]));
console.log(s);

输出：

138

谢谢大家 ;)

Answer 1

您可以使用此正则表达式来捕获 h、m 和 s 值，并将 h 和 m 作为可选部分：

/\?t=(?:(\d+)h)?(?:(\d+)m)?(\d+)s/i

RegEx Demo

RegEx 拆分：

\?t=        # match literal text ?t=
(?:         # start capturing group
   (\d+)h   # match a number followed by h and capture it as group #1
)?          # end optional capturing group
(?:         # start capturing group
   (\d+)m   # match a number followed by m and capture it as group #2
)?          # end optional capturing group
(\d+)s      # # match a number followed by s and capture it as group #3