特定の時間で表示を変更させる javascript

2014.12.10

久々の更新です。

クライアント様から相談で数十パターンの表示を4分ごとにループさせたいというご要望があり、
少し調べ悩んでいました。

①クッキーを取得して、そこからループの記載をする。
②getで時間を直書きしていく。

クッキーに関してあまり時間と知識がないので②で実装
まずは見てる人の時間を取得
h = (new Date()).getHours();
m = (new Date()).getMinutes();

あとは時間指定をしてあげるだけ

if((h >= 1) && (h < 2) && (m > 0) && (m < 4)) document.write(‘<div>おぅいぇ~</div>’);

1時~2時の間で更に0分~4分の間だけ【おぅいぇ~】が表示される
※かなりゴリ押し。。

ただ、24時間 x 15パターン(60/4なので) = 360パターン。。
ジーザス。。。たぶん。もっとスマートな方法があるだろう。。

<script type=”text/javascript”>
<!–
h = (new Date()).getHours();
m = (new Date()).getMinutes();
if((h >= 1) && (h < 2) && (m > 0) && (m < 4)) document.write(‘<div>おぅいぇ~</div>’);
//–>
</script>

まぁこんな感じで検証しました。

できる人は常に変化できる人
気を抜かず努力を日々怠らないことが大事ですね。

写真はよく行くバーで頼んだ「脳内出血」というオリジナルカクテル
うまいっす
DSC_0003

寒さも増してきましたね。
皆様お体ご自愛下さいませ。

カテゴリー: Javascript (jquery), Other   パーマリンク
   

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>