下記のようなjavascript でカウントダウンをしています。
ですが、指定日を過ぎると、00 表示になってしまいます。
これを指定日の指定時間を過ぎたら、-- という表示に変更し、
また、bodyないのタグにidを使って「指定日を過ぎました。」という
表示を出したいのですが、ご教授ねがいます。
<script language="javascript">
<!--
function countdown(year, month, day, hour, minute)
{
Today = new Date();
Todays_Year = Today.getFullYear() - 2000;
Todays_Month = Today.getMonth() + 1;
Todays_Day = Today.getDate();
Todays_Hour = Today.getHours();
Todays_Date = (new Date(Todays_Year, Todays_Month, Todays_Day, Todays_Hour, Today.getMinutes(), Today.getSeconds())).getTime();
Target_Date = (new Date(year, month, day, hour, minute, 00)).getTime();
Time_Left = Math.round((Target_Date - Todays_Date) / 1000);
if(Time_Left < 0)
Time_Left = 0;
days = Math.floor(Time_Left / (60 * 60 * 24));
Time_Left %= (60 * 60 * 24);
hours = Math.floor(Time_Left / (60 * 60));
Time_Left %= (60 * 60);
minutes = Math.floor(Time_Left / 60);
Time_Left %= 60;
seconds = Time_Left;
cDay = document.getElementById("counter_day");
cHour = document.getElementById("counter_hour");
cMin = document.getElementById("counter_min");
cSec = document.getElementById("counter_sec");
cDay.innerHTML = GetFormated(days);
cHour.innerHTML = GetFormated(hours);
cMin.innerHTML = GetFormated(minutes);
cSec.innerHTML = GetFormated(seconds);
//Recursive call, keeps the clock ticking.
setTimeout('countdown(' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ');', 1000);
}
function GetFormated(i)
{
if(i<10) { return "0"+i; }
return i;
}
//-->
</script>
</head>
<body>
<span id="counter_day"></span>
<span id="counter_hour"></span>
<span id="counter_min"></span>
<span id="counter_sec"></span>
<script language="JavaScript">
<!--
countdown('07,11,05,21,00');
//-->
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- Visual Basic(VBA) ①ExcelVBAでカレンダーを作り、別のユザーフォームで日付を入力したいのですがエラーになります。 1 2023/02/17 18:39
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Visual Basic(VBA) 今日の日付が過ぎたらその行を削除したい 1 2023/04/01 20:06
- 英語 提示した名言の文の構造について(waste one hour of time) 5 2023/05/20 15:22
- 英語 "this day"が当日か今日を表すのかの使い分け方等について 5 2023/08/08 14:29
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a>タグのテキストを取得
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
javascriptでスロットゲームを...
-
onchangeイベントを使ってspan...
-
画像上のクリックした場所が分...
-
Enterで次の入力項目へ進むには?
-
div要素内の全input要素をdisable
-
【Tabキー】特定の範囲内だけで...
-
javascript 特定のタグのidの存...
-
同じIDで定義した要素の配列を...
-
JavaScriptで文字列の特定文字...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
-
javascriptとphpの連携で疑問
-
Latexに関する質問です。
-
window.openでタイトル名の指定
-
Boolean型配列中のTrueの有無を...
-
翌月を取得するGASが分かりません
-
Javascriptグローバル変数の値...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
ActiveXobjectが作成できない
-
onchangeイベントを使ってspan...
-
HTML:Tableタグに対し、JavaScr...
-
任意の座標をクリックさせるには
-
モーダルダイアログウィンドウ...
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
javascript 特定のタグのidの存...
-
[初心者]javascriptのfor文でな...
-
【Tabキー】特定の範囲内だけで...
-
javascriptでスロットゲームを...
-
JavaScriptとcookieを利用して...
-
日本語入力の禁止
-
javascriptで、表示されている...
-
javascriptで編集可能不可能の...
-
画像の一部を表示
-
DIV内のDIV要素を移動する。
-
javascript の 命令文の記述で...
-
重複しないくじの作り方がわか...
おすすめ情報