☰

Clock1

Clock in basso alle pagine colore blu e rosso

目前為 2024-03-07 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name           Clock1
  3. // @description    Clock in basso alle pagine colore blu e rosso
  4. // @author         figuccio
  5. // @version        0.7
  6. // @match          *://*/*
  7. // @grant          GM_addStyle
  8. // @grant          GM_setValue
  9. // @grant          GM_getValue
  10. // @grant          GM_registerMenuCommand
  11. // @require        http://code.jquery.com/jquery-latest.js
  12. // @require        https://code.jquery.com/ui/1.12.1/jquery-ui.js
  13. // @icon           data:image/gif;base64,R0lGODlhEAAQAKECABEREe7u7v///////yH5BAEKAAIALAAAAAAQABAAAAIplI+py30Bo5wB2IvzrXDvaoFcCIBeeXaeSY4tibqxSWt2RuWRw/e+UQAAOw==
  14. // @license        MIT
  15. // @namespace      https://greasyfork.org/users/237458
  16. // ==/UserScript==
  17. (function() {
  18.     'use strict';
  19.     var $ = window.jQuery;
  20.     var j = $.noConflict();
  21.  
  22.     // Funzione per salvare la posizione del div utilizzando GM_setValue
  23.     function savePosition(top, left) {
  24.         GM_setValue('clockPosition', JSON.stringify({top: top, left: left}));
  25.     }
  26.  
  27.     // Funzione per caricare la posizione utilizzando GM_getValue
  28.     function loadPosition() {
  29.         var savedPosition = GM_getValue('clockPosition');
  30.         if (savedPosition) {
  31.             savedPosition = JSON.parse(savedPosition);
  32.             return savedPosition;
  33.         }
  34.         return null;
  35.     }
  36.  
  37.     // Funzione per mostrare il clock
  38. function mynascond() {
  39. if(document.getElementById('clockBox').style.display = (document.getElementById('clockBox').style.display!='none') ? 'none' : 'block');}
  40. GM_registerMenuCommand("mostra pulsante/nascondi",mynascond);
  41.  
  42.     // Avvia la funzione dopo che la pagina è stata caricata
  43.     $(document).ready(function() {
  44.         const body = document.body;
  45.         if (window.top != window.self) return;
  46.         var box = document.createElement("div");
  47.         box.setAttribute("id", "clockBox");
  48.         box.setAttribute("style","width:350px;margin:10px;color:red;border-radius:10px;border:2px solid green;font-family:sans-serif;font-size:16pt;background-color:blue;position:fixed;text-align:center;z-index:99999;display:block;");
  49.  
  50.         // Carica la posizione dal local storage
  51.         var savedPosition = loadPosition();
  52.         if (savedPosition) {
  53.             box.style.top = savedPosition.top + 'px';
  54.             box.style.left = savedPosition.left + 'px';
  55.         } else {
  56.             box.style.top = '500px'; // Posizione predefinita se non ci sono dati salvati
  57.         }
  58.  
  59.        document.body.appendChild(box);
  60.  
  61.         function tick(){
  62.             var d = new Date();
  63.             var t = d.toLocaleTimeString();
  64.             var ms = new Date().getMilliseconds(); // millisecondi
  65.             var date = new Date().toLocaleString('it', {'weekday': 'long', 'month': '2-digit', 'day': '2-digit','year':'numeric'});
  66.             box.innerHTML = date + " " + t + ":" + ms;
  67.         }
  68.  
  69.         j(box).draggable({
  70.             // Salva la posizione immediatamente dopo ogni spostamento
  71.             drag: function(event, ui) {
  72.                 savePosition(ui.position.top, ui.position.left);
  73.             }
  74.         });
  75.  
  76.         body.append(box);
  77.         tick();
  78.         setInterval(tick, 70);
  79.     });
  80. })();
  81.