stryhのchangelog

[Dpub]Dpub 8 in 大阪までのカウントダウンウィジェットを設置しました / 開催まで後3週間! #dpub #dpub8

[Dpub]Dpub 8 in 大阪までのカウントダウンウィジェットを設置しました / 開催まで後3週間! #dpub #dpub8

例の如くDpub 8 in 大阪までのカウントダウンウィジェットを設置しました。
当ブログの右サイトバーの1番上に設置してあります。

設置場所

設置場所 - Dpub 8 in 大阪カウントダウンウィジェット
もうちょっと拡大してみましょう。

設置場所 - Dpub 8 in 大阪カウントダウンウィジェット
カウントダウンウィジェットをのキャプチャー画像を見てもらえるとお分かりの通り、Dpub 8 in 大阪開催まであと約3週間なんですよね。

コード

デフォルトでは折り畳んでいるので広げて表示しコピーして下さい。

<style type="text/css">
.normal{font-size:15px; font-weight:bold; color:#333333;text-shadow:1px 1px 3px #AAAAAA;}
.big{font-size:20px; 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>
<!--</br>受付は☞ <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(2013, 5, 15, 13, 00, 00);
//alert(nowdaytime + " : " + dpubdaytime);
    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\">Dpub 8 開催まで… <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 = "<span class=\"big\">Let's enjoy Dpub7</span>";
    }
}
setInterval('count_down()',1000);
</script>

↑のコードをコピーしてウィジェットにペーストしてもらえればそのまま使えます。
秒数のカウントダウンまでついています。
あず(@azur256)さんがカウントダウン用のプラグインを作成されていますが、自分はコードベタ書きの方が色々と自由がきくのでこちらを使ってます (; ^ω^)
もしかしたらそのうちこれ用のプラグインを作ってみようかな・・・。

開催まであと約3週間。
まだ参加できるのかどうかさえも分からないのにウィジェットを設置してしまいました (; ^ω^)
仮に行けなくなってしまったとしてもウィジェットはそのままにしておきます( • ̀ω•́ )✧キリッ
申し込みまで首長くして待ちましょう(^-^)

URL :
TRACKBACK URL :

Comments & Trackbacks

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

Leave a reply

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

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

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

Return Top