clock barra Facebook

Facebook clock

// ==UserScript==
// @name           clock barra Facebook
// @namespace      https://greasyfork.org/users/237458
// @description    Facebook clock
// @match          https://*.facebook.com/*
// @author         figuccio
// @version        0.9
// @grant          GM_addStyle
// @grant          GM_setValue
// @grant          GM_getValue
// @grant          GM_registerMenuCommand
// @require        http://code.jquery.com/jquery-latest.js
// @require        https://code.jquery.com/ui/1.12.1/jquery-ui.js
// @icon           data:image/gif;base64,R0lGODlhEAAQAKECABEREe7u7v///////yH5BAEKAAIALAAAAAAQABAAAAIplI+py30Bo5wB2IvzrXDvaoFcCIBeeXaeSY4tibqxSWt2RuWRw/e+UQAAOw==
// @license        MIT
// ==/UserScript==

var $ = window.jQuery;
var j = $.noConflict();
const body = document.body;
const CLOCK_STORAGE_KEY = 'clock_position';

// Funzione per ottenere la posizione dell'orologio memorizzata
function getClockPosition() {
    return GM_getValue(CLOCK_STORAGE_KEY, {top: '0px', left: '0px'});
}

// Funzione per salvare la posizione dell'orologio
function saveClockPosition(position) {
    GM_setValue(CLOCK_STORAGE_KEY, position);
}

// Funzione per aggiornare la posizione dell'orologio
function updateClockPosition() {
    j(node).css(getClockPosition());
}

// Funzione per aggiornare la posizione dell'orologio quando viene trascinato
function onDragStop(event, ui) {
    const position = {
        top: ui.position.top + 'px',
        left: ui.position.left + 'px'
    };
    saveClockPosition(position);
}

// Funzione per aggiornare l'ora dell'orologio
function clockTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    var milli = today.getMilliseconds()
    var options = {'day':'2-digit','year':'numeric','month':'2-digit','weekday':'short'};
    var date = new Date().toLocaleDateString('it-IT', options);
    if (h < 10) h = "0" + h;
    if (m < 10) m = "0" + m;
    if (s < 10) s = "0" + s;
    document.getElementById('Clocktest').innerHTML = h + ":" + m + ":" + s + ":" + milli + " " + date;
}

// Crea nodo orologio
var node = document.createElement('div');
node.id = "Clocktest";
node.title = 'Time';
node.setAttribute("style","cursor:move;padding:4px;background:black;color:yellow;font-family: Orbitron;letter-spacing: 2px;top:0;font-size:16px;position:fixed;text-align:center;z-index:999999;border-radius:10px;border:2px solid red;");
document.body.appendChild(node);

// Imposta la posizione dell'orologio e rendilo trascinabile
updateClockPosition();
j(node).draggable({
    stop: onDragStop
});

// Aggiorna l'ora dell'orologio ogni 70 millisecondi
setInterval(clockTime, 70);

// Comando del menu Mostra/nascondi orologio
function toggleClockVisibility() {
    if (node.style.display === 'none') {
        node.style.display = 'block';
    } else {
        node.style.display = 'none';
    }
}

// Registra il comando del menu per mostrare/nascondere l'orologio
GM_registerMenuCommand("mostra clock/nascondi clock", toggleClockVisibility);