Datum und Uhrzeit in NOF anzeigen

 Uhr

Hier zwei kleine Javascripts zur Anzeige von Datum und Uhrzeit.

Unten das Skript mit der Funktion für die Uhrzeit und der IDuhr”, das Ihr “Zwischen Head Tags” in die Layout-HTML der Seite einfügt.

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags” einfügen

<script type="text/javascript">
   function uhrzeit(anzeige) {
      Heute = new Date();
      Stunde  = Heute.getHours();
      Minute  = Heute.getMinutes();
      Sekunde = Heute.getSeconds();
      document.getElementById("uhr").innerHTML=Stunde+":"+((Minute<=9)?"0"+Minute:Minute)+":"+((Sekunde<=9)?"0"+Sekunde:Sekunde);
   }
</script>

Damit die Zeit gleich beim Aufruf der Seite angezeigt wird, müsst Ihr noch (wie oben im Screenshot zu erkennen) den Befehl “onLoad”, also beim Laden der Seite, im <BODY> Tag einfügen.

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Im Haupttext-Tag” einfügen

onLoad="uhrzeit('jetzt'); setInterval('uhrzeit()', 1000)"

Unten im Screenshot seht Ihr die Einfügung des Skripts für die Anzeige von Wochentag, Monat, Datum und Uhrzeit.

Hierfür zieht Ihr Euch ein Textfeld auf und fügt das Skript in den HTML-Code Editor des Textfeldes ein.

> Textfeld aufziehen (Cursor blinkt) > Fenster “Text-Eigenschaften” > mittlere Button oben “Textfeld” > Button “HTML”

<script type='text/javascript'>
   <!--
      function GetDay(intDay){
         var DayArray = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
         return DayArray[intDay];
      }
      function GetMonth(intMonth){
         var MonthArray = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
         return MonthArray[intMonth];
      }
      function getDateStrWithDOW(){
         var today = new Date();
         var year = today.getYear();
         if(year<1000) year+=1900
         var todayStr = GetDay(today.getDay()) + ", der ";
         todayStr += today.getDate() + ". " + GetMonth(today.getMonth());
         todayStr += ", " + year;
         return todayStr;
      }
      document.write("<strong>" + getDateStrWithDOW() + "</strong>");
   //-->
</script>
<span id="uhr" style="font-weight: bold;"></span>

Wir Ihr oben im Skript erkennen könnt, habe ich in dieses Textfeld auch gleich noch den Aufruf der Uhrzeit mit eingetragen, da ich das alles in einer Zeile anzeigen wollte. Am Ende habe ich dann noch das Wort “Uhr” direkt hinter der Einfügung, zu erkennen durch das Symbol “T” im Textfeld, hin geschrieben.

Hier wird also mir der id=uhr” die Uhrzeit aus dem Skript im <HEAD> der Seite angezeigt.

 

style=”font-weight: bold;”

... ist lediglich eine Style-Anweisung, damit die Anzeige fett dargestellt wird, was ich hier wollte. Ihr könnte die Anzeige der Zeit also auch an anderer Stelle in den HTML-Code Editor eines anderen Textfeldes einfügen. Wichtig ist nur, dass das Element (hier ein <span> Tag) die id=”uhr bekommt, da das Skript im <HEAD> der Seite mit getElementById  auf diese ID verweist.

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik