stryhのchangelog

Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカスタマイズ #dpub5

5617273459 b2cefc5e50 m
Dpubで人生変わった@saita_ryouheiです。
いよいよ今月23日にDpub5が行われます。

その23日までカウントダウンするスクリプトをあずさん(@azur256)が先日公開。
最初は自分のBlogに設置しても見る人少ないからやめておいたのですか、あずさんのBlog見て「あっ、秒もあるといいなー」と思いつきちょっちカスタマイズ。

最近, 気になったこと…: Dpub5までのカウントダウンを設置した
拝借させて頂きましたm(_ _)m

カウントダウン

カウントダウン2
Blogの右上にDpub5開催日時である6/23までのカウントダウンを表示しています。
画像なので分かり難いですが、の部分はきちんとカウントダウンしているのでブラウザーから見てみて下さい。

赤で目立たせる( ー`дー´)キリッ

あずさん(@azur256)のをそのまま使っては芸がない。
なんで、数値を赤で目立たせてますよー!
ついでにフォントサイズを変更、影つけてます。

カウントダウン2

コード

別にライセンスがある訳でもないのでご自由にお使い下さい。
多分@shintarowfreshさんがもっと素晴らしい物を作ってくれるかもという希望の薄い丸投げを書いてみる。。。

<style type="text/css">
.normal{font-size:15px; font-weight:bold; color:#333333;text-shadow:1px 1px 3px #AAAAAA;}
.alert{font-size:24px; font-weight:bold; color:#ff3300;}
</style>
<div id="dpub_counter"></div>
受付は☞ <a style="color:#0070C5;" href="http://www.zusaar.com/event/308007" target="_blank">Dpub 5 in 東京 on Zusaar</a><a href="http://b.hatena.ne.jp/entry/http://www.zusaar.com/event/308007" target="_blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/http://www.zusaar.com/event/308007" alt="" /></a></br>
<script charset="utf-8" type="text/javascript">
function count_down() {
    nowdaytime    = new Date();
    dpubdaytime   = new Date(2012, 5, 23, 13, 00, 00);
    cntdwnMils  = dpubdaytime.getTime() - nowdaytime.getTime();
    
    cntdwn_day  = Math.floor(cntdwnMils / (1000*60*60*24));
    cntdwnTime  = cntdwnMils - (cntdwn_day * (1000*60*60*24));
    
    cntdwn_hour = Math.floor(cntdwnTime / (1000*60*60));
    cntdwnTime  = cntdwnTime - (cntdwn_hour * (1000*60*60));
    
    cntdwn_min  = Math.floor(cntdwnTime / (1000*60));
    cmtdwnTime  = cntdwnTime - (cntdwn_min * (1000*60));
    
    cntdwn_sec  = Math.floor(((dpubdaytime-nowdaytime)%(24*60*60*1000))/1000)%60%60;
    cmtdwnTime  = cntdwnTime - (cntdwn_sec * (1000));
    if ( cntdwn_min < 10) {
        cntdwn_min = '0' + cntdwn_min;
    }
 
    if ((dpubdaytime - nowdaytime) > 0) {
        document.getElementById("dpub_counter").innerHTML =
           "<span class=\"normal\">Dpub5 開幕まで… <br/>あと残り</span> " +
           "<span class=\"alert\">" + cntdwn_day + "</span>"  + "<span class=\"normal\"> 日 </span> " +
           "<span class=\"alert\">" + cntdwn_hour + "</span>" + "<span class=\"normal\"> 時間 </span> " +
           "<span class=\"alert\">" + cntdwn_min + "</span>"  + "<span class=\"normal\"> 分 </span> " +
           "<span class=\"alert\">" + cntdwn_sec + "</span>"  + "<span class=\"normal\"> 秒 </span> " +
           "</span>";
    } else {
        document.getElementById("dpub_counter").innerHTML = "Let's enjoy Dpub5";
    }
}
setInterval('count_down()',1000);
</script>

関連エントリー


URL :
TRACKBACK URL :

Comments & Trackbacks

  • コメント ( 0 )
  • トラックバック ( 6 )

No commented yet.

  1. […] Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカスタマイズ #dpub5 […]

  2. […] ◆ Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカ…(via stryhの日記 ~stryh/changelog ) [6] d’s selection4 […]

  3. […] Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカスタマイズ #dpub5 […]

  4. […] 参考: Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカスタマイズ #dpub5 | stryhの日記 ~stryh/changelogvar url = "http://stryh.com/2012/06/01/countdown-to-dpub5_thanks-azur256/"; 参考: […]

  5. […] | 踊るOL。 Dpub5へのカウントダウン Singer Song iPhone Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカ… [O]【裏】Dpub5に参加することを後押ししてくれた話 | Olein […]

Leave a reply

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Return Top