javascriptにて画像でカウントダウン表示しようとしています。
下記の質問を参考にしましたが、その当日を過ぎると、カウントアップしてしまいます。
03・02・01・00・01・02・・・
↑
当日
指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい
http://oshiete.goo.ne.jp/qa/5901649.html
下記の記述で誤っているところあれば教えて頂きたいのですがわかりますでしょうか?
<SCRIPT LANGUAGE="JavaScript">
<!--
dir = "number_sss2012/";
date1 = new Date();
date2 = new Date(2012, 8, 19); // YYYY, MM - 1, DD
d = (date2.getTime() - date1.getTime()) / (24 * 60 * 60 * 1000);
d = Math.abs(Math.ceil(d));
s = d.toString();
for (i = 0; i < s.length; i++)
{
if ( d < 0 ) {
s = "00";
}
else {
s = d.toString();
if ( d < 10 ) s = "0"+s;
}
document.write("<IMG SRC=\"" + dir + s.charAt(i) + ".png\">");
}
//
-->
</SCRIPT>
No.1ベストアンサー
- 回答日時:
>その当日を過ぎると、カウントアップしてしまいます。
計算方法として指定日と今日で日数の引き算をしているので、指定日を過ぎるとマイナスの日数になるのですが…
d = Math.abs(Math.ceil(d));
の部分で絶対値をとる様になっているので、わざわざ-1日を1日に変えてしまっているのが原因ではないですか?
早速のご回答ありがとうございます!
ご指摘の部分を下記に変更してみたところうまく動くようになりました。
d = Math.floor(Math.ceil(d));
また、こちらでも同様に動作しました。
d = Math.ceil(Math.ceil(d));
なお、ご指摘の部分をまるっと削除すると動作はしませんでした。
整数化すると動作し始めました。
整数になるなら、切捨てでも切り上げでも関係はないのですかね。
どっちみち日付の計算で小数点が出ることはないですものね。
これで正しいか分らないのですが、きちんと動作するようですので
これで行きたいと思います。
とても勉強になりました。
助かりました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- UNIX・Linux Linuxについて質問です。 以下のような設定をしたMakefileを作成するにはどう記述すればよい 1 2023/02/03 20:10
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP 記述のおかしいところを教えて下さい。 1 2023/02/03 11:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
textareaに画像を表示したい
-
重なった画像にクリックイベン...
-
オンマウスで、画像切り替え+...
-
javaを使ってマウスオンでの画...
-
JavaScriptとチェックボックス...
-
1枚の画像をクリックすると複数...
-
javascriptテキストBOX色を元に...
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
【OpenCV】二値画像後、白の部...
-
jspでcssが読み込めない
-
C言語のポインタ表現
-
Slick.jsのオプションrtlについて
-
複数画像のランダム複数表示(...
-
getElementByIdの戻り値がnull...
-
jQueryでサーバー上のファイル...
-
キャラクターがぴょこんと飛び...
-
JavaScriptで変更した属性の元...
-
初期状態でテーブルの非表示
-
JQuery UIで、表示したタブの中...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報