☰

SlideWordTimeConverter

滑词时间转换脚本

// ==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);