ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript学習ノート(4) カウントダウンプログラムコード_基礎知識

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

WBOY
リリース: 2016-05-16 18:08:01
オリジナル
937 人が閲覧しました

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


[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")
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート