SlideWordTimeConverter

滑词时间转换脚本

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         SlideWordTimeConverter
// @namespace    Cocowwy
// @github       https://github.com/Cocowwy/Tampermonkey-Tools
// @version      0.1
// @description  滑词时间转换脚本
// @author       Cocowwy
// @license      MIT
// @match        *://*/*
// ==/UserScript==


(function() {
    'use strict';

    // 监听 mouseup 事件,当用户松开鼠标时检查是否有文本被选中
    document.addEventListener('mouseup', function() {
        // 获取当前的选择对象
        var selection = window.getSelection();
        if (selection.rangeCount > 0) {
            // 将选中的内容转换为字符串
            var selectedText = selection.toString().trim();
            var popup;
            var content;
            var isTimestamp = /^\d{13}$/.test(selectedText);
            var isDatetime = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(selectedText);

            if (isTimestamp) {
                // 处理 13 位时间戳
                var timestamp = parseInt(selectedText);
                var date = new Date(timestamp);
                content = date.getFullYear() + '-' +
                          ('0' + (date.getMonth() + 1)).slice(-2) + '-' +
                          ('0' + date.getDate()).slice(-2) + ' ' +
                          ('0' + date.getHours()).slice(-2) + ':' +
                          ('0' + date.getMinutes()).slice(-2) + ':' +
                          ('0' + date.getSeconds()).slice(-2);
            } else if (isDatetime) {
                // 处理日期时间字符串
                var date = new Date(selectedText);
                timestamp = date.getTime();
                content = timestamp.toString();
            }

            if (isTimestamp || isDatetime) {
                // 创建一个新的 div 元素作为弹出框
                popup = document.createElement('div');
                popup.className = 'timestamp-popup';
                popup.innerHTML = `
                    <div class="popup-content">
                        ${content}
                    </div>
                    <button class="copy-button">复制</button>
                `;

                // 添加关闭弹出框的功能
                popup.onclick = function(event) {
                    if (event.target!== this.querySelector('.copy-button')) {
                        document.body.removeChild(popup);
                    }
                };

                // 复制按钮的点击事件
                popup.querySelector('.copy-button').onclick = function(event) {
                    event.stopPropagation();
                    navigator.clipboard.writeText(content).then(function() {
                        console.log('复制成功');
                    }).catch(function(err) {
                        console.error('复制失败: ', err);
                    });
                };

                // 根据选中的文本位置定位弹出框
                var range = selection.getRangeAt(0).getBoundingClientRect();
                popup.style.left = (range.right + 10) + 'px';
                popup.style.top = range.top + 'px';

                // 将弹出框添加到页面的 body 元素中
                document.body.appendChild(popup);

                // x秒后自动关闭弹出框
                setTimeout(function() {
                    document.body.removeChild(popup);
                }, 2500);
            }
        }
    });
})();


// 添加样式
var style = document.createElement('style');
style.innerHTML = `
.timestamp-popup {
        position: fixed;
        background-color: white;
        border: 1px solid black;
        padding: 10px;
        z-index: 1000;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        min-width: 150px;
    }
.popup-content {
        margin-bottom: 5px;
    }
.copy-button {
        align-self: flex-end;
        padding: 5px 10px;
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 3px;
        cursor: pointer;
    }
.copy-button:hover {
        background-color: #e0e0e0;
    }
`;
document.head.appendChild(style);