javascript: (function () {
var hour = 0; //最终的小时
var minute = 0; //最终的分钟
var second = 0; //最终的秒数
var txt = document.getElementsByClassName("amt")[0].innerHTML; //集数(1/59)
var page = txt.match(/\/(\d+)/)[1]; //获取总集数: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 = {};
if (document.getElementsByClassName("abstract")[0] != undefined) {
time = document.getElementsByClassName(
"video-episode-card__info-duration"
)[i].innerHTML;
} else {
time = document.getElementsByClassName("duration")[i].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[0]; //2
var m = t[1]; //19
var s = t[2]; //51
} else {
//如果该数组长度为2,则小时为0,只有分和秒
var h = 0; //h、m、s都是临时做累加用的,重新计算原来的值也会被新值所替代,所以不用重置为0
var m = t[0];
var s = t[1];
}
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);
})();