Grafik stündlich wechseln lassen

Mit Hilfe eines kleinen JavaScripts ist es möglich, eine Grafik auf einer Webseite stündlich wechseln zu lassen. Einsatzmöglichkeiten für ein solches Script gäbe es mehrere. Sei es zu Designzwecken (beispielsweise ein wandernder Mond bzw. eine wandernde Sonne, je nach Tageszeit), oder zu Präsentationszwecken.

Alles, was du dafür benötigst, sind insgesamt 24 Grafiken und das folgende JavaScript.

 

Code-Beispiel:

<html>
 <head>
 <script language="JavaScript">
 <!--
 
 var Dateiname = "grafik";
 var Dateiendung = ".jpg";
 
 function BildAnzeigen()
 {
     var Datum = new Date();
     var Stunde = Datum.getHours();
 
     document.getElementById("Bild").src = Dateiname+Stunde+Dateiendung;
 }
 
 //-->
 </script>
 <title>Grafik stündlich wechseln lassen</title>
 </head>
 <body onload="BildAnzeigen();">
 
 <img id="Bild" src="grafik0.jpg">
 
 </body>
 </html>

 

Erläuterung:

Um 0:00 Uhr zeigt dieses JavaScript dementsprechend die Grafik mit dem Namen grafik0.jpg an. Um 12:00 Uhr zeigt es hingegen die Grafik grafik12.jpg auf der Webseite an. Nach diesem Schema solltest du deine Grafiken benennen.

 


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.