1. Übersicht
Um den Anzeigeffekt der Seite zu bereichern, wird die Seite manchmal in einen Stil verwandelt, der den Seitenhintergrund entsprechend verändert, sodass sich der Betrachter von der Website nicht müde fühlt und auch das Gefühl hat, dass die Website sehr neu gemacht wird. In diesem Beispiel wird die aktuelle Systemzeit nach der Methode der Gethers () des Datumsobjekts erhalten und ändert dann das Hintergrundbild der Seite gemäß verschiedenen Zeiträumen.
2. Technische Punkte
Die Gethers () -Methode des Datumsobjekts in JavaScript wird verwendet, um die Stunde der aktuellen Systemzeit zu erhalten, und dann festzustellen, ob die aktuelle Stunde den angegebenen Zeitraum innerhalb eines bestimmten Zeitraums erfüllt. Wenn es erfüllt ist, verwenden Sie die Methode Write () des Dokumentobjekts, um ein Bild auf der Seite anzuzeigen und die angegebenen Eingabeaufforderungsinformationen unter dem Bild auszugeben.
A. Spezifische Implementierung
(1) Verwenden Sie die Funktion now.Gethours (), um die Stunde der aktuellen Systemzeit zu erhalten. Ändern Sie unterschiedliche Hintergründe nach dieser Zeit. Der Schlüsselcode des Haupt -JavaScript -Skripts lautet wie folgt:
<script Language = "javaScript"> var nun = new Date (); var hour = now.gethours (); if (stunde> = 0 && stündlich <5) {document.write ("<center> <img src = '1.jpg' width = '600' height = '399'> <center>; =#ff9900> Es ist der frühe Morgenzeit. face = bold color =#ff9900> Es ist der Punkt "+stündlich" am Morgen, ich wünsche Ihnen einen schönen Tag </font> ");} if (stündlich> = 8 && stündlich <11) {document.write (" <center> <img Src = '3.jpg' width = '600' Höhe = '399'> <center> "); Ocument.write (" <p> "); document.write (" <font size = 6 face = BOLD Color =#ff9900> Es ist die Morgenzeit "+stündlich+" Punkt, vergiss nicht, ein NAP zu nehmen und einen SIP von Wasser zu trinken. src = '4.jpg' width = '600' height = '399'> <center> "); document.write (" <p> "); document.write (" <font size = 6 face = BOLD COLFE 17) {document.write ("<center> <img src = '5.jpg' width = '600' height = '399'> <center>"); document.write ("<p>"); document.write ("<Schriftgröße = 6 Gesicht = Bold Color =#FF9900> Es ist eine Nachmittagszeit. Zeit </font> ");} if (Hour> = 17 && Hour <24) {document. früh einschlafen </font> ");} </script>(2) Fügen Sie einen CSS -Code wie folgt hinzu:
<style type = "text/css"> body {background-color: #fffff;} </style>(3) Fügen Sie wie folgt einen CSS -Code für CSS -Stil hinzu:
<style type = "text/css"> body {background-color: #fffff;} </style>Die Gethers () -Methode des Datumsobjekts in JavaScript gibt eine Stunde zurück, und der Rückgabewert lautet eine Zahl zwischen 0 und 23, die die Stunde des Tages darstellt, die zu diesem Zeitpunkt in diesem Zeitpunkt enthält oder beginnt, das durch dieses Datumsobjekt dargestellt wird (erklärt mit der lokalen Zeitzone).
Das obige ist das relevante Wissen über JS Code, den der Editor Ihnen vorgestellt hat, um den Effekt des Änderns des Hintergrunds der Seite entsprechend zu erkennen. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!