☰

Greasy Fork is available in English.

视频单P总时长

多分P视频的每一P，在单P时长后面加上当P及当P之前所有视频的总时长

// ==UserScript==
// @name         视频单P总时长
// @namespace    https://www.bilibili.com/video
// @version      1.3
// @description  多分P视频的每一P，在单P时长后面加上当P及当P之前所有视频的总时长
// @author       bird blue
// @author       azwcl
// @match        https://www.bilibili.com/video/*
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @license MIT
// ==/UserScript==

(function () {
    'use strict';

    let functionUpdating = false;

    /**
     * 获取持续时间
     * @param durationString 每个 video 标签后面的时间
     * @returns {*} 返回时间 单位：s
     */
    const getDurationInSeconds = (durationString) => {
        const timeParts = durationString.split(':').map(Number);
        const hours = timeParts.length >= 3 ? timeParts[timeParts.length - 3] : 0;
        const minutes = timeParts.length >= 2 ? timeParts[timeParts.length - 2] : 0;
        const seconds = timeParts.length >= 1 ? timeParts[timeParts.length - 1] : 0;
        return hours * 3600 + minutes * 60 + seconds;
    };

    /**
     * 刷新时间方法
     */
    const refreshTime = () => {
        let percentageShowEnable = GM_getValue('percentageShowEnable') === null ? false : GM_getValue('percentageShowEnable');

        if (functionUpdating) {
            return;
        }
        functionUpdating = true;

        const videos = document.querySelectorAll('#multi_page > .cur-list > ul.list-box > li');
        let cumulativeDuration = 0;
        let sumSeconds = 0;
        if (percentageShowEnable) {
            videos.forEach((v) => {
                sumSeconds += getDurationInSeconds(v.querySelector('.duration').innerText);
            });
        }

        videos.forEach((v) => {
            const singleDurationEl = v.querySelector('.duration');

            cumulativeDuration += getDurationInSeconds(singleDurationEl.innerText);

            const cumulativeHours = Math.floor(cumulativeDuration / 3600);
            const cumulativeMinutes = Math.floor((cumulativeDuration % 3600) / 60);
            const cumulativeSeconds = cumulativeDuration % 60;
            const formattedAllDuration = `${String(cumulativeHours).padStart(2, '0')}:${String(cumulativeMinutes).padStart(2, '0')}:${String(cumulativeSeconds).padStart(2, '0')}`;

            if (percentageShowEnable) {
                const percentage = sumSeconds !== 0 ? ((cumulativeDuration / sumSeconds) * 100).toFixed(2) : 0;
                singleDurationEl.innerText += ` | ${formattedAllDuration} | ${percentage}%`;
            } else {
                singleDurationEl.innerText += ` | ${formattedAllDuration}`;
            }
        });
    };

// 创建全局弹窗的函数
    function createGlobalPopup() {
        // 创建遮罩层
        const overlay = document.createElement('div');
        overlay.style.position = 'fixed';
        overlay.style.top = '0';
        overlay.style.left = '0';
        overlay.style.width = '100%';
        overlay.style.height = '100%';
        overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        overlay.style.zIndex = '9998';

        // 创建弹窗容器
        const popupContainer = document.createElement('div');
        popupContainer.style.position = 'fixed';
        popupContainer.style.top = '50%';
        popupContainer.style.left = '50%';
        popupContainer.style.transform = 'translate(-50%, -50%)';
        popupContainer.style.backgroundColor = '#fff';
        popupContainer.style.borderRadius = '8px';
        popupContainer.style.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.2)';
        popupContainer.style.padding = '20px';
        popupContainer.style.maxWidth = '80%';
        popupContainer.style.width = '500px';
        popupContainer.style.textAlign = 'center';
        popupContainer.style.zIndex = '9999';

        // 创建标题
        const titleElement = document.createElement('h2');
        titleElement.textContent = '功能开关';
        titleElement.style.color = '#333';
        titleElement.style.fontSize = '1.5em';
        titleElement.style.marginBottom = '20px';


        // 创建进度显示区域
        const progressContainer = document.createElement('div');
        const progressBar = document.createElement('div');
        progressBar.style.width = '0%';
        progressBar.style.height = '20px';
        progressBar.style.backgroundColor = '#007bff';
        progressBar.style.borderRadius = '4px';
        progressContainer.appendChild(progressBar);
        progressContainer.style.marginBottom = '20px';
        progressContainer.style.display = 'none';

        // 创建显示/隐藏进度按钮
        const toggleProgressButton = document.createElement('div');
        toggleProgressButton.textContent = GM_getValue('percentageShowEnable') ? '关闭百分比进度(刷新生效)' : '开启百分比进度(刷新生效)';
        toggleProgressButton.style.padding = '10px 20px';
        toggleProgressButton.style.backgroundColor = GM_getValue('percentageShowEnable') ? '#F56C6C' : '#28a745';
        toggleProgressButton.style.color = '#fff';
        toggleProgressButton.style.border = 'none';
        toggleProgressButton.style.borderRadius = '4px';
        toggleProgressButton.style.cursor = 'pointer';
        toggleProgressButton.addEventListener('click', () => {
            let percentageShowEnable = !GM_getValue('percentageShowEnable');
            GM_setValue('percentageShowEnable', percentageShowEnable);
            if (percentageShowEnable) {
                toggleProgressButton.style.backgroundColor = GM_getValue('percentageShowEnable') ? '#F56C6C' : '#28a745';
                progressContainer.style.display = 'none';
                toggleProgressButton.textContent = '关闭百分比进度(刷新生效)';
            } else {
                toggleProgressButton.style.backgroundColor = GM_getValue('percentageShowEnable') ? '#F56C6C' : '#28a745';
                progressContainer.style.display = 'none';
                toggleProgressButton.textContent = '开启百分比进度(刷新生效)';
            }

        });

        // 创建开关按钮
        const closeButton = document.createElement('button');
        closeButton.textContent = '关闭';
        closeButton.style.padding = '10px 20px';
        closeButton.style.backgroundColor = '#007bff';
        closeButton.style.color = '#fff';
        closeButton.style.border = 'none';
        closeButton.style.marginTop = '10px';
        closeButton.style.borderRadius = '4px';
        closeButton.style.cursor = 'pointer';
        closeButton.addEventListener('click', () => {
            document.body.removeChild(overlay); // 移除遮罩层
        });

        // 将标题、文件内容、进度显示区域和按钮添加到弹窗容器中
        popupContainer.appendChild(titleElement);
        popupContainer.appendChild(progressContainer);
        popupContainer.appendChild(toggleProgressButton);
        popupContainer.appendChild(closeButton);
        // 将弹窗容器添加到遮罩层中
        overlay.appendChild(popupContainer);

        // 将遮罩层添加到页面中
        document.body.appendChild(overlay);
    }

    const observer = new MutationObserver(refreshTime);
    observer.observe(document.querySelector('#multi_page'), {childList: true, subtree: true});

    document.querySelector('#multi_page > div.head-con > div.head-left > div').addEventListener('click', () => {
        if (document.querySelector('#multi_page')) {
            functionUpdating = false;
            refreshTime();
        }
    });

    GM_registerMenuCommand('打开功能开关面板', createGlobalPopup, {});

})();