 ハイライトON、OFF 変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
サイト内の全てのページのスタイルを時間によって変更します。いろいろ難しいやり方を紹介しているサイトがありますが、これでいいのではないでしょうか？？
<HTML>
<HEAD>
<TITLE>サイトのスタイルを時間によって変更する</TITLE>
<SCRIPT language="JavaScript">
<!--
/*★★★ JavaScriptはもういらない!? ★★★★★★
★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★
★ URL http://html-time.com */
var now = new Date();
/*★★★★★★★★★★★★★★★★★★★★★★*/
var hour = now.getHours();
if(6 <= hour && hour < 10) {
document.writeln("<LINK rel=\"stylesheet\" type=\"text/css\" href=\"morning.css\">");
} else if(10 <= hour && hour < 18) {
document.writeln("<LINK rel=\"stylesheet\" type=\"text/css\" href=\"noon.css\">");
} else if(18 <= hour && hour < 24) {
document.writeln("<LINK rel=\"stylesheet\" type=\"text/css\" href=\"night.css\">");
} else if(0 <= hour && hour < 6) {
document.writeln("<LINK rel=\"stylesheet\" type=\"text/css\" href=\"midnight.css\">");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
|
