JavaScript学習ノート(4) カウントダウンプログラムコード_基礎知識

まず完全なコードを見てください:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>カウントダウンテスト</title> <p> <label for="deadline"> </label>締切<input type="text" value="2011-06-11" id="deadline"> <input type="button" value="开始倒计时" onclick="window.setInterval('countDown('deadline')', 1000)"> </p> <p id="showTime"> </p>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

HTMLコードの一部:
テキストボックスにカウントダウン時間を入力できます。現在の時間が期限より小さい場合は、通常通りに戻ります。それ以外の場合は、期限から現在までの時間を返します。

コードをコピーします

コードは次のとおりです:

期限
< input type="text" value="2011-06-11" id="期限" />

コードの javascript 部分:

コードをコピー

コードは次のとおりです。 🎜>

function countDown(endDate) {
var now = new Date();
var Deadtime = document.getElementById(endDate);
var Deadtime = new Date(deadtime.value) );
//現地時間とグリニッジ標準時 (GMT) の違い
var timeDiff = now.getTimezoneOffset();
// 分の差が変換される場合、多少の混乱が生じます。ミリ秒に換算すると、timeDiff*60*1000 になるはずですが、この方法で返されたデータは正しくありません。
var Leave = Math.abs(deadline.getTime() - now.getTime() timeDiff*60);
var 分 = 1000 * 60;
var 時間 = 分 * 60; day = 時間 * 24;
var countDay = Math.floor(leave/day);
//var countHour((leave - day*countDay)/hour); 2 つの計算アイデア
var countHour = Math.floor(leave/hour - countDay*24);
var countMinute = Math.floor(leave/分) - countDay*24*60 - countHour*60;
var countSecond = Math. (休暇/1000) - countDay*24*60*60 - countHour*60*60 - countMinute*60;
var outStr = "";
if(deadline < now) {
outStr = " distance" Deadtime.value "has" countDay "days" countHour "hour" countMinute "分" countSecond "秒";
} else {
outStr = " distance" Deadtime.value "まだ "countDay" 日あります" countHour "時間" countMinute "分" countSecond "秒";
}
var showTime = document.getElementById("showTime")