ВРЕМЯ/ЧАСЫ

Показывает текущее время и день недели на странице
当前为 2025-03-04 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name            ВРЕМЯ/ЧАСЫ
// @name:ru         ВРЕМЯ/ЧАСЫ
// @name:en         TIME/HOURS
// @namespace       AceScript Scripts
// @match           *://*/*
// @grant           none
// @version         1.7
// @author          DELFION
// @license         Copyright DELFION
// @inject-into     auto
// @description:ru  Показывает текущее время и день недели на странице
// @description:en  Shows the current time and day of the week on the page
// @description     Показывает текущее время и день недели на странице
// @icon         data:image/png;base64,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
// ==/UserScript==

(function() {
  "use strict";

  // Функция создаёт элемент для отображения времени
  // Function creates an element to display the time
  function createTimeDisplay() {
    const timeElement = document.createElement("div");
    timeElement.classList.add("time-display");

    // Создаём элементы для отображения часов, минут и дня недели
    // Creating elements to display hours, minutes, and the day of the week
    const hoursSpan = document.createElement("span");
    const minutesSpan = document.createElement("span");
    const dayOfWeekSpan = document.createElement("span");

    // Добавляем элементы в контейнер с разделителями ":" и ", "
    // Adding elements to the container with separators ":" and ", "
    timeElement.append(hoursSpan, ":", minutesSpan, ", ", dayOfWeekSpan);

    // Создаём стили и добавляем их в head документа
    // Creating styles and adding them to the document head
    const style = createStyle();
    document.head.appendChild(style);

    return {
      element: timeElement,
      hours: hoursSpan,
      minutes: minutesSpan,
      dayOfWeek: dayOfWeekSpan,
    };
  }

  // Функция создаёт и возвращает стили для отображения времени
  // Function creates and returns styles for the time display
  function createStyle() {
    const style = document.createElement("style");
    style.textContent = `
      .time-display {
        position: fixed; /* Фиксированное положение на экране (не прокручивается) / Fixed position on the screen (does not scroll) */
        bottom: 10px; /* Отступ от нижнего края экрана / Distance from the bottom edge of the screen */
        left: 250px; /* Отступ от левого края экрана / Distance from the left edge of the screen */
        padding: 8px; /* Внутренний отступ (пространство вокруг текста) / Inner padding (space around the text) */
        font-size: 24px; /* Размер шрифта / Font size */
        font-weight: bold; /* Жирный шрифт / Bold font */
        z-index: 1000; /* Приоритет слоя (чтобы не перекрывался другими элементами) / Layer priority (to stay above other elements) */
        color: black; /* Основной цвет текста / Main text color */
        text-shadow: 1px 1px 2px white; /* Тень текста для лучшей читаемости / Text shadow for better readability */
        background: rgba(255, 255, 255, 0.4); /* Полупрозрачный белый фон / Semi-transparent white background */
        border-radius: 5px; /* Скруглённые углы блока / Rounded block corners */
      }

      .time-display span {
        transition: color 1s ease; /* Плавная смена цвета текста в течение 1 секунды / Smooth text color transition over 1 second */
      }
    `;
    return style;
  }

  // Функция обновляет отображаемое время
  // Function updates the displayed time
  function updateDisplayTime(display) {
    const now = new Date();

    // Получаем текущие часы и минуты, дополняем нулями до двух знаков
    // Getting current hours and minutes, padding to two digits
    const hours = now.getHours().toString().padStart(2, "0");
    const minutes = now.getMinutes().toString().padStart(2, "0");

    // Получаем день недели в коротком формате (например, "пн", "вт")
    // Getting the day of the week in short format (e.g., "Mon", "Tue")
    const dayOfWeek = new Intl.DateTimeFormat("ru-RU", { weekday: "short" }).format(now);

    // Генерируем случайный цвет
    // Generating a random color
    const color = getRandomColor();

    // Обновляем текстовое содержимое элементов
    // Updating the text content of elements
    display.hours.textContent = hours;
    display.minutes.textContent = minutes;
    display.dayOfWeek.textContent = dayOfWeek;

    // Меняем цвет текста
    // Changing text color
    display.hours.style.color = color;
    display.minutes.style.color = color;
  }

  // Функция генерирует случайный цвет с ограниченной яркостью
  // Function generates a random color with limited brightness
  function getRandomColor() {
    const r = Math.floor(Math.random() * 200);
    const g = Math.floor(Math.random() * 200);
    const b = Math.floor(Math.random() * 200);
    return `rgb(${r}, ${g}, ${b})`;
  }

  // Основная функция инициализации
  // Main initialization function
  function init() {
    const display = createTimeDisplay(); // Создаём элемент отображения / Creating display element
    document.body.appendChild(display.element); // Добавляем его в body / Adding it to the body
    updateDisplayTime(display); // Первоначальное обновление / Initial update
    setInterval(() => updateDisplayTime(display), 3000); // Обновляем каждую 3 секунды / Updating every 3 seconds
  }

  init(); // Запускаем скрипт / Running the script
})();
欢迎访问Greasy Fork镜像
