人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

朝6:00からよる6:00までは hiru.css を読み込み
6:00?朝6:00までは yoru.css を読み込むような

ジャバスクリプトを書きたいのですが、
どのように記述したらよいのかわかりません。

教えてください。

●質問者: hashimajc
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●50ポイント ベストアンサー

こんな感じでしょうか。

<script>
function addStyleSheet(s) {
 var e = document.createElement("LINK");
 e.rel = "stylesheet";
 e.type = "text/css";
 e.href = s;
 document.head.appendChild(e);
}

window.onload = function() {
 var now = new Date(); // 今の時刻
 var hour = now.getHours(); // 今の時刻の「時」(0?23)

 if (6 <= hour && hour <= 18) { // 朝 6:00 から、夕方 6:00 まで
 addStyleSheet("hiru.css");
 } else {
 addStyleSheet("yoru.css");
 }
};
</script>

Cherenkovさんのコメント
linkではなくstyle.srcにcssあてようとして出遅れたのは内緒です。

a-kuma3さんのコメント
ぼくも >|javascript| var e = document.createElement("STYLE"); ||< って書いて、「あれ?」ってなったのは、秘密です <tt>:-)</tt>

2 ● Cherenkov
●50ポイント
<html lang="ja">
<head>
<script>
window.addEventListener('load', init, false);
function init() {
var style = document.createElement('link');
style.type = 'text/css';
style.rel = 'stylesheet'
var d = new Date();
var hour = d.getHours();
style.href = (hour >= 6 && hour <= 18) ? 'hiru.css' : 'yoru.css';
document.head.appendChild(style);
}
</script>
</head>

<body>
<h1>人力検索はてな</h1>
</body>
</html>

Cherenkovさんのコメント
hour <= 18 だと 18:59まで入っちゃうか。hour < 18がいいかも
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ