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

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

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

カウントダウン

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

赤で目立たせる( ｰ`дｰ´)ｷﾘｯ

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

コード

別にライセンスがある訳でもないのでご自由にお使い下さい。
多分@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>

関連エントリー

• Dpub5 in 東京＠豚組しゃぶ庵、開催決定！- 聖地再び…
• abicase cawaを使い続け感じたこと・感謝 – あびさん(@abiphoneab)ありがとう:)
• 会いたいから会いにいく。ただそれだけ in 大阪 – Dpub4からの再会
• Dpubから誕生した奇跡の着信音！ – 着信音にするまでの道のり #suimesen_jp
• Dpub3に行って来たよ！ – 聖地再び #Dpub3