1. 打开浏览器,任意收藏一个网址,将URL替换为下面的代码并保存

  2. 打开任意B站视频页面,点击这个收藏的网址,即可在页面右边看到如下窗口

javascript: (function () {
var hour = 0;
var minute = 0;
var second = 0;
var txt = document.getElementsByClassName("cur-page")[0].innerHTML;
var page = txt.match(/\/(\d+)/)[1];
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")[i].innerHTML;
var t = time.match(/\d+/g);
if (t.length == 3) {
var h = t[0];
var m = t[1];
var s = t[2];
} else {
var h = 0;
var m = t[0];
var s = t[1];
}
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 f2() {
document.querySelector("video").playbackRate = parseFloat(input4.value);
console.log(parseFloat(input4.value));
}
function over() {
btn.style.backgroundColor = "#E4E4E4";
}
function out() {
btn.style.backgroundColor = "#F4F4F4";
}
function over2() {
btn2.style.backgroundColor = "#E4E4E4";
}
function out2() {
btn2.style.backgroundColor = "#F4F4F4";
}
var body = document.body;
var d = document.createElement("div");
d.style.cssText =
"padding-top:15px;width:145px;height:180px;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 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);
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 d3 = document.createElement("div");
d.appendChild(d3);
var t7 = document.createTextNode("当前倍速:");
d3.appendChild(t7);
var input4 = document.createElement("input");
input4.setAttribute("type", "number");
input4.style.cssText =
"border: 1px solid deepskyblue;width:50px;margin-top:15px;margin-right:10px";
input4.value = document.querySelector("video").playbackRate;
d3.appendChild(input4);
var btn2 = document.createElement("input");
btn2.setAttribute("type", "button");
btn2.setAttribute("value", "修改");
btn2.style.cssText =
"width:50px;margin-top:15px;border: 1px solid #00A1D6;cursor:pointer";
d.appendChild(btn2);
btn2.onclick = f2;
btn2.onmouseover = over2;
btn2.onmouseout = out2;
})();

参考

  1. 【获取b站分集视频时长】合理安排学习时间
  2. 网页版B站上的视频怎么倍速播放? - Sole的回答 - 知乎

最新文章

  1. js基础知识:表达式
  2. android 滑动滚动条调节音量
  3. box-sizing属性
  4. mysql学习笔记 第八天
  5. HDU 5521 Meeting(虚拟节点+最短路)
  6. ASP.NET网页生成EXCEL并下载(利用DataGrid或GridView等)
  7. hd oj2015
  8. bzoj2466: [中山市选2009]树
  9. 基于visual Studio2013解决面试题之0808寻找中间数
  10. 获得mysql内容,生成xml文件,另外,为了webservice发送
  11. 每日java基础知识(01)
  12. 练习 python之数据库增删改查
  13. Linux安装JSON-C
  14. SQL中sysname数据类型的含义(转)
  15. 使用php与mysql构建我们的网站
  16. volley 之GsonRequest
  17. python文件编码及执行
  18. 20145205武钰《网络对抗》web安全基础实践
  19. The serializable class XXX does not declare a static final serialVersionUID field of type long
  20. (LeetCode 203)Remove Linked List Elements

热门文章

  1. 微信小程序组件封装传值以及问题点规避
  2. DevOps 与 FinOps:二者可以协同吗?
  3. 分布式任务调度平台XXL-JOB安装
  4. Liunx(CentOS)安装Nacos(单机启动,绑定Mysql)
  5. .netcore全局异常处理
  6. SpringCloud微服务实战——搭建企业级开发框架(四十九):数据字典注解的设计与实现
  7. Kotlin学习-基础知识点
  8. 查询自增ID断点的地方
  9. kali-国内源-更新系统
  10. RestTemplate 请求