☰

Clock figuccio

clock ore minuti secondi millesimi data

目前为 2024-03-06 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          Clock figuccio
  3. // @description   clock ore minuti secondi millesimi data
  4. // @version        2.7
  5. // @match          *://*/*
  6. // @noframes
  7. // @author        figuccio
  8. // @grant         GM_setValue
  9. // @grant         GM_getValue
  10. // @grant         GM_registerMenuCommand
  11. // @icon          data:image/gif;base64,R0lGODlhEAAQAKECABEREe7u7v///////yH5BAEKAAIALAAAAAAQABAAAAIplI+py30Bo5wB2IvzrXDvaoFcCIBeeXaeSY4tibqxSWt2RuWRw/e+UQAAOw==
  12. // @namespace     https://greasyfork.org/users/237458
  13. // @require       http://code.jquery.com/jquery-latest.js
  14. // @require       https://code.jquery.com/ui/1.12.1/jquery-ui.js
  15. // @license        MIT
  16. // ==/UserScript==
  17.  
  18. var $ = window.jQuery;
  19. var j = $.noConflict();
  20.  
  21. const body = document.body;
  22.  
  23. // Funzione per aggiornare l'orologio
  24. function updateClock() {
  25.     var data = new Date().toLocaleString('it', {'day':'2-digit','year':'numeric','month':'long','weekday':'long'});
  26.     document.getElementById('Clocktest').innerHTML = data;
  27. }
  28.  
  29. // Crea nodo orologio
  30. var clockNode = document.createElement('div');
  31. clockNode.id = "Clocktest";
  32. clockNode.title = 'click time';
  33. clockNode.setAttribute("style","cursor:move;padding:4px;background:black;color:lime;font-family: Orbitron;letter-spacing: 2px;top:0;font-size:14px;position:fixed;text-align:center;z-index:999999;border-radius:10px;border:2px solid red;");
  34. document.body.appendChild(clockNode);
  35. setInterval(updateClock, 1000);
  36. j(clockNode).draggable();
  37. body.append(clockNode);
  38.  
  39. // Funzione per aggiornare l'ora dell'orologio
  40. function Clock() {
  41.     var date = new Date();
  42.     var mm = new Date().getMilliseconds();
  43.     var ore = date.toLocaleString('it', {
  44.     hour:'2-digit',minute:'numeric',second:'numeric',
  45.     });
  46.     document.getElementById('b').innerHTML = ore + ":" + mm;
  47. }
  48.  
  49. // Crea nodo temporale
  50. var timeNode = document.createElement('div');
  51. timeNode.id = "b";
  52. timeNode.title = 'trascina time+click data';
  53. timeNode.setAttribute("style","cursor:move;padding:4px;background:black;color:lime;top:0px;font-family:sans-serif;font-size:14px;position:fixed;text-align:center;z-index:999999;border-radius:10px;border:2px solid yellow;");
  54. document.body.appendChild(timeNode);
  55. setInterval(Clock, 70);
  56. j(timeNode).draggable();
  57. body.append(timeNode);
  58.  
  59. // Funzione per alternare tra orologio e nodi temporali
  60. function toggleNodes() {
  61.     if (clockNode.style.display === 'none') {
  62.         clockNode.style.display = 'block';
  63.         timeNode.style.display = 'none';
  64.     } else {
  65.         clockNode.style.display = 'none';
  66.         timeNode.style.display = 'block';
  67.     }
  68. }
  69.  
  70. // Attiva/disattiva i nodi al clic
  71. timeNode.addEventListener("click", toggleNodes);
  72. clockNode.addEventListener("click", toggleNodes);
  73.  
  74. // Inizialmente nascondi l'orologio
  75. clockNode.style.display = 'none';
  76.  
  77. // Salva la posizione quando i nodi vengono trascinati
  78. j(clockNode).on("dragstop", function(event, ui) {
  79.     GM_setValue('clock_position', { x: ui.position.left, y: ui.position.top });
  80. });
  81.  
  82. j(timeNode).on("dragstop", function(event, ui) {
  83.     GM_setValue('time_position', { x: ui.position.left, y: ui.position.top });
  84. });
  85.  
  86. // Ripristina le posizioni quando la pagina si ricarica
  87. var clockPosition = GM_getValue('clock_position', { x: 0, y: 0 });
  88. var timePosition = GM_getValue('time_position', { x: 0, y: 0 });
  89.  
  90. j(clockNode).css({ left: clockPosition.x, top: clockPosition.y });
  91. j(timeNode).css({ left: timePosition.x, top: timePosition.y });
  92.