哔哩哔哩视频笔记时间进度记录器

方便PC端观看B站系列视频时，时间进度记录(=￣ω￣=)
目前为 2022-03-07 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         哔哩哔哩视频笔记时间进度记录器
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  方便PC端观看B站系列视频时，时间进度记录(=￣ω￣=)
// @author       乃木流架
// @match        https://www.bilibili.com/*
// @icon         https://s3.bmp.ovh/imgs/2022/03/eb7d3f74c7bd6a09.jpg
// @grant        none
// @license      GPL-3.0 License
// ==/UserScript==

(() => {
    'use strict';

    var record = document.createElement("div");

    function add0(m){ return m<10?'0'+m:m }
    function format(shijianchuo)
    {
        //shijianchuo是整数，否则要parseInt转换
        var time = new Date(shijianchuo);
        var y = time.getFullYear();
        var m = time.getMonth()+1;
        var d = time.getDate();
        var h = time.getHours();
        var mm = time.getMinutes();
        var s = time.getSeconds();
        return y + '年' + m + '月' + d + '日' + add0(h) + ':' + add0(mm) + ':' + add0(s);
    }

    function init(){
        var editor = document.getElementsByClassName('ql-editor')[0];
        var operation = document.getElementsByClassName('operation-btns')[0];
        var close = document.getElementsByClassName('close-btn')[1];

        var styleMap = {
            position: "relative",
            marginRight: "8px",
            width: "24px",
            height: "24px",
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            borderRadius: "2px",
            cursor: "pointer",
            fontSize: "12px",
            lineHeight: "20px",
            border: "1px solid #00a1d6",
            color: "#00a1d6",
            transition: "0.3s",
            background: "#ebebf2",
        };

        record.setAttribute('class', 'record');
        record.innerHTML = '<img src = "https://s3.bmp.ovh/imgs/2022/03/8dcd89cd1125a0a2.png"  width="20" height="20" align="middle"></img>';

        for (let i in styleMap) {
            record.style[i] = styleMap[i];
        }
        operation.insertBefore(record, operation.children[0]);

        record.addEventListener("click", function(){
            var now = +new Date();
            var number = 1;

            var lastHTML = editor.innerHTML;
            var lastContent = editor.textContent;
            // console.log('lastHTML: ' + lastHTML);
            console.log('lastContent: ' + lastContent);

            var searchParams = new URLSearchParams(window.location.search);
            number = searchParams.get('p');
            console.log('number: ' + number);
            if(number == null){ number = 1 }

            if(lastContent){
                editor.innerHTML = lastHTML + '<p><br></p><p>' + format(now) + '</p><p>p' + number + '</p>';
            } else {
                editor.innerHTML = '<p>' + format(now) + '</p><p>p' + number + '</p>';
            }
            // close.click();
        })
    }

    setTimeout(function(){
        var note1 = document.getElementsByClassName('note-btn__blue')[0];
        note1.addEventListener("click", function(){
            var note2 = document.getElementsByClassName('note-list-btn')[0];
            note2.addEventListener("click", function(){
                init();
            })
        });
    },2000)



    // Your code here...
})();
欢迎访问Greasy Fork镜像
