B站分集视频教程时长统计脚本
分享一个B站分集视频教程集数时长统计脚本。我一般用来统计B站的视频教程剩余所有集数的时长或某一部分的视频时长，以便安排学习时间。原理很简单，就是获取页面中每集的时长并统计即可，代码写得比较乱，参考学习价值低，如果有使用需求可以直接复制代码到浏览器书签，通过点击书签使用即可。效果图：
此脚本适用于B站官网上的分集视频（就是图中有视频选集的这种），手机版的放在最后。
先上代码：
无注释版代码：（复制代码到浏览器书签，点击书签使用）
javascript: (function() {
var hour = 0;
var minute = 0;
var second = 0;
var txt = document.getElementsByClassName('cur-page').innerHTML;
var page = txt.match(/\/(\d+)/);
function f1() {
hour = 0;
minute = 0;
second = 0;
var min = 0;
var sec = 0;
if (document.getElementById('divChild')) {
d.removeChild(document.getElementById('divChild'));
}
if (parseInt(input1.value) >= 1 && parseInt(input1.value) <= page && parseInt(input2.value) <= page && parseInt(input1.value) <= parseInt(input2.value)) {
for (var i = parseInt(input1.value) - 1; i < parseInt(input2.value); i++) {
var time = document.getElementsByClassName('duration').innerHTML;
var t = time.match(/\d+/g);
if (t.length == 3) {
var h = t;
var m = t;
var s = t;
} else {
var h = 0;
var m = t;
var s = t;
}
hour += parseInt(h);
min += parseInt(m);
sec += parseInt(s);
}
hour += parseInt(min / 60);
minute = min - parseInt(min / 60) * 60 + parseInt(sec / 60);
second = sec - parseInt(sec / 60) * 60;
if (minute >= 60) {
hour += parseInt(minute / 60);
minute = minute - parseInt(minute / 60) * 60;
}
if (second >= 60) {
minute = parseInt(second / 60);
second = second - parseInt(second / 60) * 60;
}
if (input3.value != 1) {
var total = hour * 3600 + minute * 60 + second;
total = total / input3.value;
hour = parseInt(total / 3600);
minute = parseInt((total % 3600) / 60);
second = total % 60;
}
var d1 = document.createElement('div');
d1.style.cssText = "margin-top:15px";
d1.setAttribute("id", "divChild");
d.appendChild(d1);
var t1 = document.createTextNode("全" + (parseInt(input2.value) - parseInt(input1.value) + 1) + "集:" + hour + "时" + minute + "分" + parseInt(second) + "秒");
d1.appendChild(t1);
} else {
var d1 = document.createElement('div');
d1.style.cssText = "margin-top:15px";
d1.setAttribute("id", "divChild");
d.appendChild(d1);
var t1 = document.createTextNode("输入与实际集数不符");
d1.appendChild(t1);
}
}
function over() {
btn.style.backgroundColor = "#E4E4E4";
}
function out() {
btn.style.backgroundColor = "#F4F4F4";
}
var body = document.body;
var d = document.createElement("div");
d.style.cssText = "padding-top:15px;width:145px;height:135px;background-color:#F4F4F4;position:absolute;right:55px;top:218px;border:1px solid #00A1D6;color:#00A1D6;z-index:999;text-align:center;font-size:14px";
body.appendChild(d);
var d2 = document.createElement("div");
d.appendChild(d2);
var t2 = document.createTextNode("第");
d2.appendChild(t2);
var input1 = document.createElement('input');
input1.setAttribute("type", "number");
input1.style.cssText = "border: 1px solid deepskyblue;width:40px";
d2.appendChild(input1);
var t3 = document.createTextNode("集到");
d2.appendChild(t3);
var input2 = document.createElement('input');
input2.setAttribute("type", "number");
input2.style.cssText = "border: 1px solid deepskyblue;width:40px";
d2.appendChild(input2);
var t4 = document.createTextNode("集");
d2.appendChild(t4);
var btn = document.createElement('input');
btn.setAttribute("type", "button");
btn.setAttribute("value", "计算");
btn.style.cssText = "width:50px;margin-top:15px;border: 1px solid #00A1D6;cursor:pointer";
d.appendChild(btn);
btn.onclick = f1;
btn.onmouseover = over;
btn.onmouseout = out;
var t5 = document.createTextNode("倍速：");
d2.appendChild(t5);
var input3 = document.createElement('input');
input3.setAttribute("type", "number");
input3.style.cssText = "border: 1px solid deepskyblue;width:50px;margin-top:15px;margin-right:10px";
input3.value = 1;
d2.appendChild(input3);
var t6 = document.createTextNode("倍");
d2.appendChild(t6);
})();
注释版代码：（供参考）
javascript:(
function () {
var hour=0; //最终的小时
var minute=0; //最终的分钟
var second=0; //最终的秒数
var txt=document.getElementsByClassName('cur-page').innerHTML; //集数(1/59)
var page=txt.match(/\/(\d+)/); //获取总集数：59
function f1() { //点击计算按钮执行该函数
hour=0; //每次点击计算把时分秒重置为0，再重新计算
minute=0;
second=0;
var min=0; //分，这个是总的分钟，一般大于60，要经过转换变成最终的分钟(最终的分钟<60)
var sec=0; //秒，同上的道理，小时就不用了，因为>60也是不用转换。
if(document.getElementById('divChild')){ //如果存在这个元素（这个元素是显示计算结果的
d.removeChild(document.getElementById('divChild')); //则把它删除，不然下面继续添加显示结果的元素会有历史计算的结果，删除了下面再添加，即达到刷新显示结果的功能
}
if(parseInt(input1.value)>=1 && parseInt(input1.value)<=page && parseInt(input2.value)<=page && parseInt(input1.value)<=parseInt(input2.value)){ //校验输入框输入的数字是否符合集数的规范：最小输入1，最大不超过总集数，第一个输入框的内容要小于或等于第二个输入框的内容
for(var i=parseInt(input1.value)-1;i<parseInt(input2.value);i++){ //循环获取每集的时长，这个class除了集数时长，还有集数下方的其它视频的时长，幸好第0个就是集数的时长，所以用循环获取每个集数的时长，用最大页数判断获取的集数时长数量，防止获取到集数下方的其它视频时长
var time=document.getElementsByClassName('duration').innerHTML;//获取集数时长
var t=time.match(/\d+/g); //获取时长的每个数字，这是一个数组,例如47:26，获取为 47，26，可用下标访问到每个数字
if(t.length==3){ //如果该数组长度为3，则有时、分、秒，例如2:19:51，获取为 2，19，51
var h=t; //2
var m=t; //19
var s=t; //51
}
else{ //如果该数组长度为2，则小时为0，只有分和秒
var h=0; //h、m、s都是临时做累加用的，重新计算原来的值也会被新值所替代，所以不用重置为0
var m=t;
var s=t;
}
hour+=parseInt(h);//最终的小时累加
min+=parseInt(m); //分钟累加
sec+=parseInt(s); //秒累加
}
hour+=parseInt(min/60); //分钟如果大于60则会被算成1个小时
minute=min-parseInt(min/60)*60+parseInt(sec/60); //最终的分钟（还差一点）=转换成小时之后剩余的分钟数+秒数大于60转换的分钟数，还差一点不是最终的分钟，因为这个分钟数是由分钟和秒数两者换算后加起来的，还是有可能大于60，所以下面还要进行判断是否要进行二次换算
second=sec-parseInt(sec/60)*60; //最终的秒数
if(minute>=60){ //最终的分钟进行判断，是否要进行二次转换。
hour+=parseInt(minute/60);
minute=minute-parseInt(minute/60)*60;
}
if(second>=60){ //这个应该是不用判断了的，上面得到的最终的秒数应该不会大于60了。
minute=parseInt(second/60);
second=second-parseInt(second/60)*60;
}
if(input3.value!=1){ //默认倍速为1，如果倍速不为1，则要进行经过指定输入倍速之后的计算
var total=hour*3600+minute*60+second; //先将时分秒换算为总的秒数，将进行下面的计算，计算公式：视频加速后的观看时长=总秒数/倍速
total=total/input3.value; //得到视频加速后的观看时长，单位为总秒数。下面再经过换算得到该总秒数的时分秒格式。
hour= parseInt(total/3600);
minute = parseInt((total % 3600) / 60);
second = total % 60;
}
var d1=document.createElement('div'); //添加显示结果的div元素
d1.style.cssText="margin-top:15px";
d1.setAttribute("id","divChild");
d.appendChild(d1);
var t1=document.createTextNode("全"+(parseInt(input2.value)-parseInt(input1.value)+1)+"集:"+hour+"时"+minute+"分"+parseInt(second)+"秒");
d1.appendChild(t1);
}else{ //如果输入框的数字不符合集数规范，则在显示结果的div中显示提示。
var d1=document.createElement('div');
d1.style.cssText="margin-top:15px";
d1.setAttribute("id","divChild");
d.appendChild(d1);
var t1=document.createTextNode("输入与实际集数不符");
d1.appendChild(t1);
}
}
//界面设计
function over() {
btn.style.backgroundColor="#E4E4E4";
}
function out() {
btn.style.backgroundColor="#F4F4F4";
}
var body=document.body;
var d=document.createElement("div");
d.style.cssText="padding-top:15px;width:145px;height:135px;background-color:#F4F4F4;position:absolute;right:55px;top:218px;border:1px solid #00A1D6;color:#00A1D6;z-index:999;text-align:center;font-size:14px";
body.appendChild(d);
var d2=document.createElement("div");
d.appendChild(d2);
var t2=document.createTextNode("第");
d2.appendChild(t2);
var input1=document.createElement('input');
input1.setAttribute("type","number");
input1.style.cssText="border: 1px solid deepskyblue;width:40px";
d2.appendChild(input1);
var t3=document.createTextNode("集到");
d2.appendChild(t3);
var input2=document.createElement('input');
input2.setAttribute("type","number");
input2.style.cssText="border: 1px solid deepskyblue;width:40px";
d2.appendChild(input2);
var t4=document.createTextNode("集");
d2.appendChild(t4);
var btn=document.createElement('input');
btn.setAttribute("type","button");
btn.setAttribute("value","计算");
btn.style.cssText="width:50px;margin-top:15px;border: 1px solid #00A1D6;cursor:pointer";
d.appendChild(btn);
btn.onclick=f1;
btn.onmouseover=over;
btn.onmouseout=out;
var t5=document.createTextNode("倍速：");
d2.appendChild(t5);
var input3=document.createElement('input');
input3.setAttribute("type","number");
input3.style.cssText="border: 1px solid deepskyblue;width:50px;margin-top:15px;margin-right:10px";
input3.value=1;
d2.appendChild(input3);
var t6=document.createTextNode("倍");
d2.appendChild(t6);
})();
Android的B站可以使用APP版：https://www.52pojie.cn/thread-1516880-1-1.html 尝试了一下，没有问题。
现在在学JAVA，以后学得差不多，我再学习一下JS然后研究一下你的代码。
感谢分享~~ 我是刘德华 发表于 2021-9-23 08:31
保存到书签的哪个位置呢
可以直接保存到书签栏，就是在书签栏空白处右键添加网页，然后名称随便填，网址里填无注释版的代码并保存就可以了，在B站分集视频页面点击这个书签就可以使用 试了一下，才疏学浅没用明白 实验如上 保存到书签的哪个位置呢 欢迎分析讨论交流，吾爱破解论坛有你更精彩！ 本帖最后由 harglo 于 2021-9-23 12:53 编辑
qwertlinxiao137 发表于 2021-9-23 01:53
试了一下，才疏学浅没用明白
就是在书签栏右键添加网页，然后名称随便填，网址里填无注释版的代码并保存就可以了，在B站分集视频页面点击这个书签就可以使用 谢谢，很实用 harglo 发表于 2021-9-23 12:51
就是在书签栏右键添加网页，然后名称随便填，网址里填无注释版的代码并保存就可以了，在B站分集视频页面 ...
懂了懂了，谢谢
页:
[1]
2