Benutzer:Loki/vorlageUhr.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

mw.loader.load('Benutzer:Loki/hasClass.js');

/* Uhr */

function updateClock () {

    if (( document.location.href.search('Benutzer:Loki') != -1 &&
          document.location.href.length == '43' ) ||
        document.location.href.search('Vorlage:Uhr') != -1 ) {

        var Clock = document.getElementsByTagName( "div" );

        for ( var i = 0; i < Clock.length; i++ ) {

            // div mit class="clock" raussuchen
            if ( hasClass( Clock[i], "clock" ) ) {

                // div wird geleert
                while(Clock[i].hasChildNodes()){
                    Clock[i].removeChild(Clock[i].lastChild);
                }

                var currentTime = new Date ();

                var currentHours = currentTime.getHours();
                var currentMinutes = currentTime.getMinutes();
                var currentSeconds = currentTime.getSeconds();

                // ergänzung einer null, wenn sec, min, std nur eine ziffer haben
                if (  currentHours < 10) {  currentHours = "0"+currentHours}
                if (currentMinutes < 10) {currentMinutes = "0"+currentMinutes}
                if (currentSeconds < 10) {currentSeconds = "0"+currentSeconds}

                // text + aktuelle uhrzeit
                var ClockText2 = document.createTextNode( "Do You Know Where Your "
                                                         +"Meat Body Is?" );
                var ClockText1 = document.createTextNode( "Its "+currentHours+":"
                                                            +currentMinutes+":"
                                                            +currentSeconds );
                var Brk = document.createElement( "br" );

                // einfügen in div
                Clock[i].insertBefore( ClockText2, Clock[i].childNodes[0] );
                Clock[i].insertBefore( Brk, Clock[i].childNodes[0] );
                Clock[i].insertBefore( ClockText1, Clock[i].childNodes[0] );

                // reset der lineHeight notwendig
                Clock[i].style.lineHeight = "1.5em";

                // nächster aufruf von updateClock() nach 1000ms
                setTimeout('updateClock();',1000);
            }
        }

    }
}

$( updateClock );