JSの残り日数の表示で特定の日にち以前は違う処理をしたい

Question

変数に指定日をいれて、
残り120日となっていたとします。

これを残り10日になるまでは、「開催中」を表示し、残り10日を過ぎたら、残り日数のカウントが始まるようにしたいです。

ソースコードはこちらです。
お知恵をお貸しいただけましたらと思います。

具体的にわからないところは、
「残り１０日を過ぎたらカウントをする」というのを
条件分岐に追加したいのですが、
どうやって残り１０日を判断させるのかわかりません。

<script type="text/javascript">
var today = new Date();
var hour = today.getTime();
var ymd = '2016/11/11 11:11'

var targetDay = new Date(ymd);
reDay = Math.floor((targetDay - today) / (1000*60*60*24));

cHour = Math.floor((targetDay - hour) / (1000*60*60));
cMin = Math.floor((targetDay - hour) / (1000*60));
reDay++;
cHour++;
cMin++;

if (reDay > 1) {
$("p.count").append("残り<strong style='color:#f00;font-size:14px;'> "+reDay+" 日</strong>");
} else if (reDay < 1) {
$("p.count").append("<strong style='color:#f00;font-size:14px;'>終了</strong>");
$("p.count").css('visibility','hidden');
}
else {
if (cHour > 1){
$("p.count").append("<strong style='color:#f00;font-size:14px;'>残り "+cHour+"時間</strong>");
} else if(cMin > 1) {
$("p.count").append("<strong style='color:#f00;font-size:14px;'>残り "+cMin+"分</strong>");
$("p.count").css('visibility','hidden');
}
}
</script>

Comments

[flied_onion]

これができてたら同じように条件分岐追加すればできる気がするんですけど、何がわからないですか？やってみたけどうまくいかなかったならそのコードも提示した方が回答は付きやすいと思います。

[kei344]

何がわからないか、エラーは出ていないのか、出力できているなら結果はどうなっているかなど、具体的に質問文に追記いただいたほうが回答を得られやすいと思います。

[southern_flavor]

わからないこと・知りたいことについて、追記しました。宜しくお願いいたします。

Answer 1

if (reDay > 1) {

を

if (reDay > 10) {
    $("p.count").append("開催中");
} else if (reDay > 1) {

で良いと思います。

Comments

[southern_flavor]

ご回答ありがとうございます。
シンプルかつわかりやすくご提示いただいて、すぐ理解できました。

Answer 2

「10日前」をミリ秒単位で測るのか、日付単位で測るのかで計算方法が変わりますね。

• 一日は86400000ミリ秒なので new Date オブジェクトを減算して 86400000 で割った余りを計算する(ミリ秒単位)
• 各々を yyyymmdd の形式に変換し、差分が10になるか計算する(日付単位)

Re: southern_flavor さん

Comments

[southern_flavor]

ご回答ありがとうございます。
二種類の方法があるのですね。
ミリの方は難しそうなので日付単位の方が簡単そうです。

[think49]

te2ji さんの回答がミリ秒単位の計算と読めます。
targetDay - today は targetDay.getTime() - today.getTime() と等価です。
そのコードが何をやっているのか理解をしておけば応用が利くと思います。