時間によって表示する文字を変える



あなたが訪れる時間を予想してみました。

どうですか?

当たってます??

もっと細かく予想すると、


・・・

ここまでやると予想じゃないことがばれますね
最初の時点でばれてたかもしれないですけど(笑)

ただスクリプトを組んでいるだけです。(・ω・)
時間帯によって表示する文字を変えられるので、
今までどの時間でも大丈夫なように

「こんにちは」

としていたのを、

「おはようございます」
「こんばんは」

と、時間帯によって変えることができます。

ちょっとしたお遊びですね( ´∀`)

昔はトップページにこれを配置しており、
深夜に私のページに訪れた人は

さっさと寝ろよ(゜Д゜)

なんてメッセージを目にすることになっていたのですが、
一番見たのはたぶん私ですね・・・

もう10年以上前のことです(ノ∀`)

昔を懐かしみながら紹介した
今回のソースはこちら。

<script language="JavaScript">
<!--
var time = new Array(
"00:00-01:00の間に表示されるメッセージ",
"01:00-02:00の間に表示されるメッセージ",
"02:00-03:00の間に表示されるメッセージ",
"03:00-04:00の間に表示されるメッセージ",
"04:00-05:00の間に表示されるメッセージ",
"05:00-06:00の間に表示されるメッセージ",
"06:00-07:00の間に表示されるメッセージ",
"07:00-08:00の間に表示されるメッセージ",
"08:00-09:00の間に表示されるメッセージ",
"09:00-10:00の間に表示されるメッセージ",
"10:00-11:00の間に表示されるメッセージ",
"11:00-12:00の間に表示されるメッセージ",
"12:00-13:00の間に表示されるメッセージ",
"13:00-14:00の間に表示されるメッセージ",
"14:00-15:00の間に表示されるメッセージ",
"15:00-16:00の間に表示されるメッセージ",
"16:00-17:00の間に表示されるメッセージ",
"17:00-18:00の間に表示されるメッセージ",
"18:00-19:00の間に表示されるメッセージ",
"19:00-20:00の間に表示されるメッセージ",
"20:00-21:00の間に表示されるメッセージ",
"21:00-22:00の間に表示されるメッセージ",
"22:00-23:00の間に表示されるメッセージ",
"23:00-24:00の間に表示されるメッセージ");
document.write(time[(new Date().getHours())]);
//-->
</script>

赤字部分は自由に変更してください。

アクセス時間を表示するソースは

<script language="JavaScript">
<!--
d = new Date();
y = new Array("日","月","火","水","木","金","土","日");
document.write((d.getMonth()+1)+"月"+d.getDate()+"日" +"("+y[d.getDay()]+")"+ d.getHours() + "時" + d.getMinutes() + "分" + d.getSeconds() + "秒");
//-->
</script>

文字じゃなくて画像にもできます。
こんな感じでコートを書くと

<script language="JavaScript">
<!--
var time = new Array(
"00:00-01:00の間に表示される画像URL",
"01:00-02:00の間に表示される画像URL",
"02:00-03:00の間に表示される画像URL",
"03:00-04:00の間に表示される画像URL",
"04:00-05:00の間に表示される画像URL",
"05:00-06:00の間に表示される画像URL",
"06:00-07:00の間に表示される画像URL",
"07:00-08:00の間に表示される画像URL",
"08:00-09:00の間に表示される画像URL",
"09:00-10:00の間に表示される画像URL",
"10:00-11:00の間に表示される画像URL",
"11:00-12:00の間に表示される画像URL",
"12:00-13:00の間に表示される画像URL",
"13:00-14:00の間に表示される画像URL",
"14:00-15:00の間に表示される画像URL",
"15:00-16:00の間に表示される画像URL",
"16:00-17:00の間に表示される画像URL",
"17:00-18:00の間に表示される画像URL",
"18:00-19:00の間に表示される画像URL",
"19:00-20:00の間に表示される画像URL",
"20:00-21:00の間に表示される画像URL",
"21:00-22:00の間に表示される画像URL",
"22:00-23:00の間に表示される画像URL",
"23:00-24:00の間に表示される画像URL");
document.write('<IMG SRC="'+time[(new Date().getHours())]+'">');
//-->
</script>

正常に動作するか全時間帯で確認してはいないので、
まちがえてたらこっそり教えてください(笑)

最後までお読み頂きありがとうございました。
分からないこと、悩んでいることなど、
お気軽にお問合せください。
お問い合せはこちら

アフィリエイトを無料で学びたい方、
覚醒メールセミナーNEOを受講しませんか?
覚醒メールセミナーNEO

ブログランキングに参加中しています。
クリックして頂けるとうれしいです( ´∀`)

8 Responses to “時間によって表示する文字を変える”

  1. HARUMIN より:

    こんばんは!

    この情報はいいですね。ブログに来た時間が記載されて
    驚いています。

    今度使ってみたいですね!
    良い情報をありがとうございました。

    応援して帰ります。

    • HARUMINさん、こんにちは!

      さっそく驚いて頂けて満足しています♪

      使い方次第で色々面白いことができると思うので、
      よかったら使ってみてください(っ´∀`c)

      応援ありがとうございます♪
      私も伺いますね(゚∀゚)ノ

  2. シンイチロウさん、こんばんは。
    アフィリエイト副業で稼ぐ@たいちです。

    ブログ訪問させて頂いて、
    第一声が、

    「え゙っ、何でわかったん?」

    いきなりど素人みたいにビビッてしまいました(泣)

    意地悪ですねー…

    シンイチロウさんのブログにお伺いさせて頂く度に
    私の知識が増えて行きますねー。

    シンイチロウさん、
    また、お伺いさせて下さいね。

    ありがとうございました。

    • たいちさん、こんにちは!

      いつもありがとうございます♪
      そして期待通り驚いて頂けてうれしいです(笑)

      方法を知らない人が見ればびっくりするので、
      いい感じにインパクトが与えられるのではないかと思います。

      何かのお役に立てば幸いです(っ´∀`c)

      私もまた伺わせていただきますね(゚∀゚)ノ

  3. ヒロヤス より:

    シンイチロウさん、こんばんは^^
    ヒロヤスです。

    昔、よくありましたね^^
    たまにこんなのも入れるのも面白いかもしれませんね。

    応援、完了です。

    • ヒロヤスさん、こんにちは!

      昔はこういうタグを色々使っていました(ノ∀`)
      最近はHTMLのタグでアクションを起こしていませんでしたが、
      たまには面白いですよね( ´∀`)ノ

      応援ありがとうございます。
      私もうかがいますね(゚∀゚)ノ

  4. タクヤ より:

    シンイチロウさん、はじめまして!
    タクヤと申します。
    ゆきさんのブログより来ました。

    この仕掛は、Javascriptですか~。
    プログラミングには疎いので、
    全然分からなかったです^^;

    このブログはプログラミングのことが学べるのに、
    類似のブログと違ってデザインもおしゃれですね!

    またご訪問させていただきます。

    ランキング応援していきますね♪

  5. タクヤさん、初めまして!

    ブログにお越しいただきありがとうございます♪

    そうですよ。
    最近使う人が少なくなってきたJavaScriptです(笑)

    JavaScriptは私自身くわしくないですが、
    いろんなものをコピペして使っていました(ノ∀`)

    良かったら参考にしてくださいね。

    デザインを褒めて頂きありがとうございます♪
    またお越しください( ´∀`)ノ

    私も応援に伺いますね(゚∀゚)ノ

コメントを残す

サブコンテンツ

プロフィール

シンイチロウのアバター

名前:シンイチロウ
覚醒メールセミナーNEO講師
年齢:30代
性別:男性
職業:会社員
詳しいプロフィールはこちら

メール相談受付中

お問い合わせはこちらから
いつでもご相談ください

月別アーカイブ



このページの先頭へ