KT*info

カウントパーツ配布サイト*KT*からのお知らせです
2008年04月 ≪  12345678910111213141516171819202122232425262728293031 ≫ 2008年06月
TOP ≫ ARCHIVE ≫ 2008年05月
ARCHIVE ≫ 2008年05月
      
≪ 前月 |  2008年05月  | 翌月 ≫

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | Comments(-) | Trackbacks(-)

〆切までの日数をカウントダウンするブログパーツ

締切日までの日数をカウントして表示するシンプルなスクリプトです。
イベント日、申込み締切日、レポート提出、試験日などなどに。


レポート提出期限まで 13

▼ソースコード
レポート提出期限まで
<script type="text/javascript">
<!--
var flagday=new Date(2008,5-1,20);//期限年月日
var tday=new Date();
var lastdays=Math.ceil((flagday.getTime()-tday.getTime())/(24*60*60*1000));
var countdown="--";
if (lastdays>=0)countdown=lastdays.toString();
countdown='<span style="color:#6699cc;font-weight:bold;">'+countdown+'</span>';//スタイル
document.write(countdown);
// -->
</script>日<br />


使い方:

FC2ブログの場合は、管理画面の「公式プラグインの追加」-フリーエリア で「追加」をクリック、追加したフリーエリアの「フリーエリア内容の変更」に上記ソースコードをコピーして貼り付けます。
それから期限年月日(オレンジ色で示された部分)を半角数字で書き換えてください。

数字のスタイルはインラインCSSで指定していますので、適宜変更してください。(色を変更する場合は#6699ccを好きな色のコードにしてください)


●期限の当日は下記のように表示されます。

レポート提出期限まで 0

●期限を過ぎると下記のように表示されます。

レポート提出期限まで --




使い方例:リスト形式で表示
  • レポート提出まで 13
  • 試験まで 34



<ul>
<li>レポート提出まで
<script type="text/javascript">
<!--
var flagday=new Date(2008,5-1,20);//提出期限
var tday=new Date();
var lastdays=Math.ceil((flagday.getTime()-tday.getTime())/(24*60*60*1000));
var countdown="--";
if (lastdays>=0)countdown=lastdays.toString();
countdown='<span style="color:#6699cc;font-weight:bold;">'+countdown+'</span>';//スタイル
document.write(countdown);
// -->
</script>日</li>
<li>試験まで
<script type="text/javascript">
<!--
var flagday=new Date(2008,6-1,10);//試験年月日
var tday=new Date();
var lastdays=Math.ceil((flagday.getTime()-tday.getTime())/(24*60*60*1000));
var countdown="--";
if (lastdays>=0)countdown=lastdays.toString();
countdown='<span style="color:#6699cc;font-weight:bold;">'+countdown+'</span>';//スタイル
document.write(countdown);
// -->
</script>日</li>
</ul>
スポンサーサイト
雑記 | Comments(-) | Trackbacks(-)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。