【jQuery】x時まであと何分かを算出するスクリプトってどうやったらいいですか【JavaScript】

Question

タイトルそのままです。

現在Dateオブジェクト使って試行錯誤しておりますがなかなか思うような数字が出ません。

教えてください。

Comments

[osamuya]

何かしらリアルタイムで秒読みするようなものってことでよかったでしょうか？

[keyaki]

そんなかんじです。ただ、基準がx秒後とかではなく12時とか２時とかです。

例　17時まであとx分　というのをWebサイトに表示するのが目的です。

Answer 1

Dateを使う事までわかってるならほぼ悩まないと思いますが・・・
現在のDateと予定時間のDateの二つのインスタンスを作成して、それの差を出して（多分ミリ秒で返ってくると思いますが）、それを分に変換すれば良いのではないかと。
リアルタイムに表示させたいのでしたら、それを関数化してSetInterval等で定期的に呼び出せばその時点での残り時間に書き換わりますよね？
でそれが０になったら「時間ですよ！！！」とでも処理してあげれば良いかと。

とりえあず質問者さんがどんなコードを書いてて、どこまでは出来てるけど、ここから先がわかりませんってのを書くべきでは？

Answer 2

var target_Hour=20;

(function (_TargetHours){
  var timeObject=new Date();
  var DAY=24;
  var MINUTES=60;
  var hours=timeObject.getHours();
  var minutes=timeObject.getMinutes();
  
  var hoursDifference=calculate_hoursDifference(_TargetHours);
  var minutesDirrerence=MINUTES-minutes;
  
  function calculate_hoursDifference(_TargetHours){
    var hoursDifference;
    hoursDifference=_TargetHours-hours-1;
    return 0>hoursDifference ? DAY-hoursDifference : hoursDifference;
  };
  function toMinutes(_Hours){
    return _Hours*MINUTES;
  };
  
  var returnMinutes=toMinutes(hoursDifference)+minutesDirrerence;
  
  console.log(returnMinutes);
}(target_Hour));

かなりおおざっぱに書きましたが考え方は伝わるかと思います。
当方の確認した限りでは一応動いているかと。
(分指定の辺りにバグの元が隠れていないかと少し不安ですが)
命名規則その他含めかなり酷いのでいい感じにしてください。
(hoursとか同じような単語が出過ぎて可読性が置いてけぼりですし)

現在時刻が仮に12時で指定時刻が11時ならば次の日の時刻を指定しているものとして処理しています。
つまり((24-指定時刻-1))*60+残り何分か)となります。
これが気に入らない場合はエラーメッセージを出すようにすればいいでしょう。