☰

real time

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

  1. // ==UserScript==
  2. // @name         real time
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.4
  5. // @license MIT 
  6. // @description  Muestra la hora en la esquina superior derecha y la fecha abajo en Sploop.io con sombra
  7. // @author       Tú
  8. // @match        *://sploop.io/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Crea un elemento div para mostrar la hora
  16.     var clockDiv = document.createElement('div');
  17.     clockDiv.style.position = 'fixed';
  18.     clockDiv.style.top = '249px'; // Ajusta la distancia desde arriba
  19.     clockDiv.style.left = '5px'; // Ajusta la distancia desde la derecha
  20.     clockDiv.style.color = 'white';
  21.     clockDiv.style.fontSize = '31px'; // Tamaño grande de la fuente
  22.     clockDiv.style.textShadow = '2px 2px 4px #000000'; // Añade sombra al texto
  23.     clockDiv.style.zIndex = 1000;
  24.     document.body.appendChild(clockDiv);
  25.  
  26.     // Crea un elemento div para mostrar la fecha
  27.     var dateDiv = document.createElement('div');
  28.     dateDiv.style.position = 'fixed';
  29.     dateDiv.style.top = '699px'; // Ajusta la distancia desde arriba para el día
  30.     dateDiv.style.left = '5px'; // Ajusta la distancia desde la derecha
  31.     dateDiv.style.color = 'grey';
  32.     dateDiv.style.fontSize = '24px'; // Tamaño de la fuente
  33.     dateDiv.style.textShadow = '2px 2px 4px #000000'; // Añade sombra al texto
  34.     dateDiv.style.zIndex = 1000;
  35.     document.body.appendChild(dateDiv);
  36.  
  37.     // Función para actualizar la hora y la fecha
  38.     function updateClock() {
  39.         var now = new Date();
  40.         var hours = now.getHours().toString().padStart(2, '0');
  41.         var minutes = now.getMinutes().toString().padStart(2, '0');
  42.         var seconds = now.getSeconds().toString().padStart(2, '0');
  43.         clockDiv.textContent = `${hours}:${minutes}:${seconds}`;
  44.  
  45.         var options = { month: 'long' };
  46.         var monthString = now.toLocaleDateString('es-ES', options);
  47.         var day = now.getDate().toString().padStart(2, '0');
  48.         var year = now.getFullYear().toString();
  49.  
  50.         dateDiv.innerHTML = `${monthString}<br>${day}<br>${year}`;
  51.     }
  52.  
  53.     // Actualiza la hora y la fecha cada segundo
  54.     setInterval(updateClock, 1000);
  55.     updateClock();
  56. })();