stryhのchangelog

[Dpub]Dpub7 in 東京までのカウントダウンウィジェットを設置しました #dpub7

Dpub"
来月2日(土)はDpub7 in 東京。
と、言う事はカウントダウンウィジェットの設置!

Dpub5の時も設置

Dpub5まであと何日だっけ? – @azur256さんのカウントダウンをちょっちカスタマイズ #dpub5
Dpub5のカウントダウン時に設置したウィジェット。

Dpub5の時に設置したカウントダウンウィジェット。
このウィジェットの一部をDpub7用に書き換えたのを今回使用。

設置ヽ(•̀ω•́ )ゝ

Dpub7 in 東京のカウントダウンウィジェット
もうちょっと拡大。

Dpub7 in 東京のカウントダウンウィジェット
こんな感じでDpub7までのカウントダウンウィジェットを設置しました。

コード

受付のリンク箇所は受付開始されてからそのリンクにしようかと考えています。
因にコードのコメントアウトされている受付リンク箇所はDpub5の時のリンクなのでDpub7の受付サイトではないのでご了承を。

<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, 1, 02, 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\">Dpub7 開催まで… <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>

Dpub7の受付開始について

Dpub7の受付についてはたちさん(@ttachi)の先日のエントリーをご参照ください。
Dpub 7 in 東京を2月2日に開催します!受付予告と変更点などのお知らせ!! | No Second Life

関連エントリー


URL :
TRACKBACK URL :

Comments & Trackbacks

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

No commented yet.

  1. […] [Dpub]Dpub7 in 東京までのカウントダウンウィジェットを設置しました #dpub7 | stryhの日記 ~stryh/changelog […]

Leave a reply

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

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

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

Return Top