<script type="text/javascript">
<!--
dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
dayNumber = new Date().getDay();
document.writeln('<link rel="stylesheet" type="text/css" href="' + dayNames[dayNumber] + '.css">');
//-->
</script>
<noscript>
<link rel="stylesheet" type="text/css" href="default.css">
</noscript>Benennen Sie Ihre CSS-Dateien entsprechend: Samstag.css, Freitag.css, Sonntag.css usw.
Wenn JavaScript im Browser deaktiviert ist, wird auf die Standard-CSS-Datei zurückgegriffen.
Verwenden Sie kein document.write, da dies dazu führt, dass die Seite für einige Sekunden eine weiße Seite anzeigt, bevor der Rest der Seite verarbeitet wird. Ich schlage stattdessen vor, document.createElement zu verwenden.
Denn der weiße Todesschirm ist etwas, das man wirklich verhindern möchte, wenn man mit dynamischer Stylesheet-Generierung arbeitet.
Zum Beispiel:
var dSS = {
names: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
number: new Date().getDay(),
link: document.createElement('link')
}
dSS.link.rel = "stylesheet";
dSS.link.type = "text/css";
dSS.link.href = dSS.names[ dSS.number ] + ".css";
document.getElementsByTagName('head')[0].appendChild( dSS.link );
Wie würden Sie eine zeitbasierte Version erstellen?
so dass es sich zu einer bestimmten Zeit ändert?
Wo schreiben Sie die CSS-Dateien?
Der oben genannte Code ist großartig.
Können Sie bitte JavaScript-Code auf Zeitbasis erstellen?
Ich meine,
12:00 Uhr – 4:00 Uhr —– night.css usw.
Bitte….
Danke V1
Wie würde ich Ihren Code monatsweise zum Laufen bringen, indem ich nur "getDay" durch Monate ersetze und diese hinzufüge?
Gibt es eine Option, die nach Feiertagen oder besonderen Tagen wie Ostern oder Neujahr funktioniert?
Ich suche ein JS mit dem gleichen Zweck, das die verbleibenden unter dem Falz liegenden CSS-Dateien asynchron laden kann, um die Ergebnisse in Google Insights zu optimieren. Haben Sie eine Idee?