Wie ändert man CSS nach der Zeit mit JavaScript

Gibt es eine Möglichkeit, die Hintergrundfarbe Eigenschaft oder eine CSS Eigenschaft abhängig von einer bestimmten Uhrzeit (Uhr) des Tages zu ändern?Wie ändert man CSS nach der Zeit mit JavaScript

Zum Beispiel: Für (9:00 - 12:00) sollte die Hintergrundfarbe grün sein, von 12:00 - 15:00 Uhr rot und so weiter und so fort. Ich weiß nicht, ob es nur mit Javascript oder PHP möglich ist. Ich habe mit einigen Zeitintervallen herumgespielt, aber jedes Mal, wenn ich die Seite aktualisiere, werden die Intervalle zurückgesetzt.

Hinweis:Sagen Sie, ich öffne die Seite um 9:00 (ich sehe einen grünen Hintergrund) und ich schließe es. Wenn ich es um 11:00 Uhr wieder öffne, sollte die Seite immer noch grün sein.

Hier ist mein HTML

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <style> 
      .timeDep { 
       width:200px; 
       height:200px; 
       background-color: #eee; 
       margin: 50px auto 0 auto; 
      } 
     </style> 
</head> 
<body> 
    <script> 
     $(function(){ 
       //Code 
      }); 
    </script> 

    <div class='timeDep'></div> 
</body> 
</html>

Irgendwelche Gedanken?

Vielen Dank im Voraus!

Quelle

2016-07-21 Bishop

versuchen Sie es mit js, es ist einfach – ihemant360

Ich habe es herausgefunden !!! : D – Bishop

Javascript wäre eine einfache Lösung dafür. Ich brauche nur die aktuelle Stunde und stelle die Hintergrundfarbe basierend auf der Zeit ein.

var d = new Date(); 
var currHour = d.getHours(); 
if (currHour >= 9 && currHour <= 12) { 
    document.body.style.backgroundColor = "green"; 
} else if (currHour > 12 && currHour < 17) { 
    document.body.style.backgroundColor = "red"; 
}

Quelle

2016-07-21 01:56:15 Bijan

Habe gerade herausgefunden. So ziemlich ist das Gleiche wie du !! Vielen Dank für Ihre schnelle Antwort! : D – Bishop

Großartig! Bitte markieren Sie dies als eine akzeptierte Antwort, wenn es die richtige Lösung war. – Bijan

Ich habe meinen Freund! Danke noch einmal! – Bishop

Wie ändert man CSS nach der Zeit mit JavaScript

Antwort

Verwandte Themen