フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 時間でメッセージを変える  

時間でメッセージを変える

原案:平井 公大 氏 (2000/04/01 登録)

 時間によってメッセージを変えます。

表示サンプル

ソース記述内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>時間でメッセージを変える</title>
<script type="text/javascript">
<!--
var morning   = "……朝からそんなに気を落とさないで"
var afternon  = "元気出して下さい…昼食、おごりますよ。"
var afternoon = "午後のお茶でもしながら探しませんか?"
var evening   = "晩御飯食べてからまた探せばいいんですよ"
var midnight  = "夜はこれからです…頑張って探しましょう"
var openhtm   = new Date()
var hellomes
var h = openhtm.getHours()

if (h >= 5 && h <= 9  ) {
  hellomes = "いま"+ h +"時ですね。" + morning
} else if ( h >= 10 && h <= 12) {
  hellomes = "いま"+ h +"時ですね。" + afternon
} else if ( h >= 18 && h <= 22) {
  hellomes = "いま"+ h +"時ですね。" + evening
} else if ( h >= 23 || h <= 4) {
  hellomes = "いま"+ h +"時ですね。" + midnight
} else {
  hellomes = "いま"+ h +"時ですね。" + afternoon
}
// -->
</script>
</head>
<body>
<p>
<script type="text/javascript">
<!--
  document.write(hellomes);
// -->
</script>
</p>
</body>
</html>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.