ВРЕМЯ/ЧАСЫ

ВРЕМЯ

07.02.2025, 11:21:16
目前為 2025-02-15 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name        ВРЕМЯ
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       none
// @version     1.01
// @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); // Добавляем стили в <head>

        // Функция обновления отображаемого времени
        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.style.color = color;
            minutesSpan.style.color = color;
            hoursSpan.textContent = `${hours}:`; // Устанавливаем текст для часов
            minutesSpan.textContent = minutes; // Устанавливаем текст для минут
            dayOfWeekSpan.textContent = dayOfWeek; // Устанавливаем текст для дня недели
        }

        // Функция для генерации случайного цвета
        function getRandomColor() {
            return `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0')}`; // Генерация случайного цвета в формате HEX
        }

        // Функция инициализации модуля времени
        function init() {
            document.body.appendChild(timeElement); // Добавляем элемент времени в тело документа
            console.log("Time module initialized:", timeElement); // Отладочное сообщение
            updateDisplayTime(); // Первоначальное обновление отображаемого времени
            setInterval(updateDisplayTime, 3000); // Обновляем время каждые 3 секунды
        }

        return { init }; // Возвращаем метод инициализации
    })();

    //// Инициализация модуля времени
    timeModule.init(); // Добавил вызов инициализации модуля
})();
欢迎访问Greasy Fork镜像
