ホームページ > 記事 > ウェブフロントエンド > 時間に基づいてさまざまな CSS ファイルを動的にロードするにはどうすればよいですか? _html/css_WEB-ITnose
時間に応じて、日中に使用したCSSファイルは日中にロードされ、夜間に使用したCSSファイルは夜間にロードされます。
どうやって達成しますか?
サーバー側の場合
時間を判断
" type ="text/ css" />
以上です
js を使用する場合
window.onload =function(){
var d = new Date().getHours();
if(d>8 && d document.getElementById("css").setAttribute("href" ,"day.css")
}else{
document.getElementById("css").setAttribute("href","night.css")
}
}
or
var c = "night.css"
if(d> 8 && d < 18){
c="day.css"
}
document.write('
サーバー側で判断するのが最善です。
その場合、出力形式は次のようになります。 style.css?date=1380644282