real time

Muestra la hora en la esquina superior derecha y la fecha abajo en Sploop.io con sombra

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         real time
// @namespace    http://tampermonkey.net/
// @version      1.4
// @license MIT 
// @description  Muestra la hora en la esquina superior derecha y la fecha abajo en Sploop.io con sombra
// @author       Tú
// @match        *://sploop.io/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Crea un elemento div para mostrar la hora
    var clockDiv = document.createElement('div');
    clockDiv.style.position = 'fixed';
    clockDiv.style.top = '249px'; // Ajusta la distancia desde arriba
    clockDiv.style.left = '5px'; // Ajusta la distancia desde la derecha
    clockDiv.style.color = 'white';
    clockDiv.style.fontSize = '31px'; // Tamaño grande de la fuente
    clockDiv.style.textShadow = '2px 2px 4px #000000'; // Añade sombra al texto
    clockDiv.style.zIndex = 1000;
    document.body.appendChild(clockDiv);

    // Crea un elemento div para mostrar la fecha
    var dateDiv = document.createElement('div');
    dateDiv.style.position = 'fixed';
    dateDiv.style.top = '699px'; // Ajusta la distancia desde arriba para el día
    dateDiv.style.left = '5px'; // Ajusta la distancia desde la derecha
    dateDiv.style.color = 'grey';
    dateDiv.style.fontSize = '24px'; // Tamaño de la fuente
    dateDiv.style.textShadow = '2px 2px 4px #000000'; // Añade sombra al texto
    dateDiv.style.zIndex = 1000;
    document.body.appendChild(dateDiv);

    // Función para actualizar la hora y la fecha
    function updateClock() {
        var now = new Date();
        var hours = now.getHours().toString().padStart(2, '0');
        var minutes = now.getMinutes().toString().padStart(2, '0');
        var seconds = now.getSeconds().toString().padStart(2, '0');
        clockDiv.textContent = `${hours}:${minutes}:${seconds}`;

        var options = { month: 'long' };
        var monthString = now.toLocaleDateString('es-ES', options);
        var day = now.getDate().toString().padStart(2, '0');
        var year = now.getFullYear().toString();

        dateDiv.innerHTML = `${monthString}<br>${day}<br>${year}`;
    }

    // Actualiza la hora y la fecha cada segundo
    setInterval(updateClock, 1000);
    updateClock();
})();