Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Methode, um den Skin-Stil jeden Tag regelmäßig zu ändern_Javascript-Kenntnisse

JavaScript-Methode, um den Skin-Stil jeden Tag regelmäßig zu ändern_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:51:551237Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie mit JavaScript jeden Tag regelmäßig den Skin-Stil ändern. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Dieser JS-Code realisiert die Funktion zum Ändern des Skins, indem das von der Webseite aufgerufene Stylesheet jeden Tag zu unterschiedlichen Zeiten automatisch geändert wird.

<script type="text/JavaScript">
<!--
function getStylesheet() {
   var currentTime = new Date().getHours();
   if (0 <= currentTime&&currentTime < 5) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
   if (5 <= currentTime&&currentTime < 11) {
    document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
   }
   if (11 <= currentTime&&currentTime < 16) {
    document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
   }
   if (16 <= currentTime&&currentTime < 22) {
    document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
   }
   if (22 <= currentTime&&currentTime <= 24) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
}
getStylesheet();
-->
</script>
<noscript>
<link href="main.css" rel="stylesheet" type="text/css">
</noscript>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn