10


2

javascriptまたはjqueryで昼か夜かを判断する方法は?

ブラウザの時間に応じてサイトに異なるCSSシートを適用したい。 たとえば、昼間であれば、day.cssまたはnight.cssを夜に表示します。

私はPHPでこれを行うことができますが、ブラウザのローカル時間ではなく、サーバー時間に基づいています。

JavaScriptで時間を伝える方法はありますか? 私はおそらくjQueryを使用して、CSSが解決したら単純に開始します。

3 Answer


22


var hr = (new Date()).getHours(); //get hours of the day in 24Hr format (0-23)

昼/夜の定義に応じて、魔法を実行してください:)

PS:昼/夜が正確な時間に開始しない場合は、 `getMinutes()`を試してください。


2


(new Date).getHours()

クライアントのローカル時間(0〜23)を取得します。 その値に基づいて、ページのスタイルシートを交換します。 デフォルトの日のスタイルシートを設定し、必要に応じて交換します。

私の最初の考えは、http://www.sistrix.com/info/video/minimizing-browser-reflow [潜在的なブラウザのリフロー]を回避するために、クライアントでこの操作をできるだけ早く実行することです。


2


私はこのロジックを使用します:

const hours = new Date().getHours()
const isDayTime = hours > 6 && hours < 20