時間を読み込んで挨拶を返してくれます。
朝、昼、晩の3パターンを用意してあります。
body内には以下のタグのみ記述します。
<div> <p id="message"></p> <script></script> </div>
CSSの記述
CSSはmessage属性に対するフォント変更の物です。
JavaScriptの記述
今回は、5~10時が朝、11~18時が昼、それ以外が夜ということにしています。
検討事項
これ、応用が効くんですよね。
>=にしているところと===にして毎時間表示を変更できるようすることも可能です。
と、ここまでやっておいてここに表示されませんね。
コメント