Home > JavaScript・Ajax > カウントダウンJavascript(使い回し仕様)

カウントダウンJavascript(使い回し仕様)

カウントダウンするのに、
日時が違うもの毎に1個1個作るというのが納得いかない。

それに
『年月日』を指定するものもあれば、『時間』まで指定するものもある。

もしかしたら
『残り日数』以外にも『残り時間』を表示したいかも知れない。

残り日数の表示、
当日なのに対象時間より
前なら『1』日、後なら『0』日
となる。
なら、いっそ当日時間を表示したい。

そこで作って見た。

function CountDown(ymdHis,flag){
	today = new Date();
	temp = new Date(ymdHis);
	days = (temp.getTime() - today.getTime())/(24*60*60*1000);
	times = (temp.getTime() - today.getTime())/(60*60*1000);

	// 残り1日
	if(Math.ceil(days) == 1 || Math.ceil(days) == 0)
		flag = "time";

	// 表示形式
	if(!flag){
		return Math.ceil(days)+"日";
	}
	if(flag=="time"){
		return Math.ceil(times)+"時間";
	}else if(flag=="day_time"){
		return Math.ceil(days)+"日("+Math.ceil(times)+"時間)";
	}else{
		return Math.ceil(days)+"日";
	}
}

変数に入れることも考えて、値を返すだけ。
すぐ表示させたい場合は、document.write();内に入れること。

指定方法として
『ymdHis』は『YYYY/mm/dd HH:ii:ss』または『YYYY/mm/dd』
『flag』は、『time』残り時間、『day_time』残り日数(残り時間)
　その他は全て『残り日数』という表示になる。
※但し残り0日または1日の場合、残り時間を表示する

flagを指定してもしなくてもどちらでもいいので、以下のような形になる。

CountDown('2011/11/24 13:15:30');


CountDown('2011/11/24 13:15:30',"time");


CountDown('2011/11/24 13:15:30',"day_time");


因みにコチラ、ajax仕様に非ず。
別にそこまで細かく出さなくてもいいかな、と思ったもんだから…。

タグ:

関連する投稿

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://qooga.jb-jk.net/wp/2009/11/%e3%82%ab%e3%82%a6%e3%83%b3%e3%83%88%e3%83%80%e3%82%a6%e3%83%b3javascript%e4%bd%bf%e3%81%84%e5%9b%9e%e3%81%97%e4%bb%95%e6%a7%98/trackback/
Listed below are links to weblogs that reference
http://qooga.jb-jk.net/wpカウントダウンJavascript(使い回し仕様) from MOT：主にプログラム勉強メモ部屋

Home > JavaScript・Ajax > カウントダウンJavascript(使い回し仕様)

Pages
Recent Entries
Categories
Archives
Search
Option
  • Twitter
  • 絵板
Feeds
commercial
Mobile
Meta
Tag Cloud
TOP10
commercial

Return to page top