ВРЕМЯ

07.02.2025, 11:21:16
当前为 2025-02-15 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        ВРЕМЯ
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       none
// @version     1.2
// @author      DELFION
// @license MIT
// @description 07.02.2025, 11:21:16
// ==/UserScript==

(function () {
    "use strict";

    // Модуль времени
    const timeModule = (() => {
        const timeElement = document.createElement("div");
        timeElement.classList.add("time-element");

        const hoursSpan = document.createElement("span");
        const minutesSpan = document.createElement("span");
        const dayOfWeekSpan = document.createElement("span");

        timeElement.append(hoursSpan, minutesSpan, dayOfWeekSpan);

        const style = document.createElement("style");
        style.textContent = `
            .time-element {
                position: fixed;
                bottom: 3px;
                left: 77px;
                padding: 3px;
                font-size: 34px;
                font-weight: bold;
                z-index: 1000;
                color: black;
                text-shadow: 1px 1px 2px white;
            }
            .time-element span {
                transition: color 1s ease;
            }
        `;
        document.head.appendChild(style);

        function updateDisplayTime() {
            const now = new Date();
            const hours = now.getHours().toString().padStart(2, "0");
            const minutes = now.getMinutes().toString().padStart(2, "0");
            const dayOfWeek = new Intl.DateTimeFormat("ru-RU", { weekday: "short" }).format(now);
            const color = getRandomColor();

            // ВАЖНО:  Теперь обновляем цвет *после* создания элементов
            hoursSpan.textContent = `${hours}:`;
            minutesSpan.textContent = minutes;
            dayOfWeekSpan.textContent = dayOfWeek;
            hoursSpan.style.color = color;
            minutesSpan.style.color = color;
        }

        function getRandomColor() {
            return `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0')}`;
        }

        function init() {
            document.body.appendChild(timeElement);
            console.log("Time module initialized:", timeElement);
            updateDisplayTime();
            setInterval(updateDisplayTime, 3000);
        }

        return { init };
    })();

    timeModule.init();
})();
欢迎访问Greasy Fork镜像
