B站统计分P JS代码小工具

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);
})();

全部评论

相关推荐

昨天 16:58
门头沟学院 Java
点赞 评论 收藏
分享
头像
昨天 18:10
已编辑
东南大学 C++
。收拾收拾心情下一家吧————————————————10.12更新上面不知道怎么的,每次在手机上编辑都会只有最后一行才会显示。原本不想写凉经的,太伤感情了,但过了一天想了想,凉经的拿起来好好整理,就像象棋一样,你进步最快的时候不是你赢棋的时候,而是在输棋的时候。那废话不多说,就做个复盘吧。一面:1,经典自我介绍2,项目盘问,没啥好说的,感觉问的不是很多3,八股问的比较奇怪,他会深挖性地问一些,比如,我知道MMU,那你知不知道QMMU(记得是这个,总之就是MMU前面加一个字母)4,知不知道slab内存分配器-&gt;这个我清楚5,知不知道排序算法,排序算法一般怎么用6,写一道力扣的,最长回文子串反问:1,工作内容2,工作强度3,关于友商的问题-&gt;后面这个问题问HR去了,和中兴有关,数通这个行业和友商相关的不要提,这个行业和别的行业不同,别的行业干同一行的都是竞争关系,数通这个行业的不同企业的关系比较微妙。特别细节的问题我确实不知道,但一面没挂我。接下来是我被挂的二面,先说说我挂在哪里,技术性问题我应该没啥问题,主要是一些解决问题思路上的回答,一方面是这方面我准备的不多,另一方面是这个面试写的是“专业面试二面”,但是感觉问的问题都是一些主管面/综合面才会问的问题,就是不问技术问方法论。我以前形成的思维定式就是专业面会就是会,不会就直说不会,但事实上如果问到方法论性质的问题的话得扯一下皮,不能按照上面这个模式。刚到位置上就看到面试官叹了一口气,有一些不详的预感。我是下午1点45左右面的。1,经典自我介绍2,你是怎么完成这个项目的,分成几个步骤。我大致说了一下。你有没有觉得你的步骤里面缺了一些什么,(这里已经在引导我往他想的那个方向走了),比如你一个人的能力永远是不够的,,,我们平时会有一些组内的会议来沟通我们的所思所想。。。。3,你在项目中遇到的最困难的地方在什么方面4,说一下你知道的TCP/IP协议网络模型中的网络层有关的协议......5,接着4问,你觉得现在的socket有什么样的缺点,有什么样的优化方向?6,中间手撕了一道很简单的快慢指针的问题。大概是在链表的倒数第N个位置插入一个节点。————————————————————————————————————10.13晚更新补充一下一面说的一些奇怪的概念:1,提到了RPC2,提到了fu(第四声)拷贝,我当时说我只知道零拷贝,知道mmap,然后他说mmap是其中的一种方式,然后他问我知不知道DPDK,我说不知道,他说这个是一个高性能的拷贝方式3,MMU这个前面加了一个什么字母我这里没记,别问我了4,后面还提到了LTU,VFIO,孩子真的不会。
青春期耐面王不会梦到...:什么岗呀,没去不一定是坏事,还有更好的,加油
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务