経過（残り）時間の表示

JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

経過（残り）時間の表示
任意に設定した基準となる日付までの日数計算をして表示します。
基準となる日付が過去でも未来でも双方に対応していますので、
テキストフォーム前後を適当な文字に変更して使って下さい。
■ このスクリプトのソース
<script>
y = 2000;         // 基準になる西暦
m = 1;         // 基準になる月
d = 1;         // 基準になる日
str1 = "2000年元旦から";   // テキストフォームの前に表示する文字列
str2 = "しています。";  // テキストフォームの後に表示する文字列

m -= 1;
target = new Date(y,m,d)

function get_time() {

   date = new Date();
   n = (target.getTime() - date.getTime());
   if(n < 0) n = (n * (-2)) + n;
   gd = Math.floor(n / (24*60*60*1000));
   sh = n % (24 * 60 * 60 * 1000);
   gh = Math.floor(sh / (60 * 60 * 1000));
   sm = sh % (60 * 60 * 1000);
   gm = Math.floor(sm / (60 * 1000));
   gs = Math.floor((sm % (60 * 1000)) / 1000);
   if (gd < 10) gd = "00" + gd;
   else if (gd < 100) gd = "0" + gd;
   if (gh < 10) gh = "0" + gh;
   if (gm < 10) gm = "0" + gm;
   if (gs < 10) gs = "0" + gs;
   val = gd + "日と" + gh + "時間" + gm + "分" + gs + "秒";
   document.g_form.get_time.value = val;
   setTimeout("get_time()",1000);
}

// ブラウザによってテキストフォームの長さを調整して表示
if (navigator.appName.substring(0,1) == "N") size = 22;
else size = 28;
document.write("<form name=g_form>",str1,"<input size="+size+" name=get_time>",str2,"</form>");

get_time();
</script>