JSで指定日にリロード

JavaScriptで、指定した日と時間で自動的にリロード

JavaScriptで、指定した日と時間で自動的にリロードをするようなものを作っています。
12月25日の12時になったら自動的にリロードされる、というようなものです

調べながら以下のように組み、指定の時間でリロードさせる事は成功しました。
今はifで差が0以下の場合１日をプラスしているのですが、
本当は日の指定をして、指定した日の指定した時間にリロードさせたいです。
どう書き込めばよいのでしょうか。

最近JavaScriptを学び始めたばかりで行き詰ってしまいました…
教えていただけますと幸いです。

<script type="text/javascript">

function myfunc(h, m){
 var goTo = function(){
  location.reload()
};

var now = new Date();
var current = (now.getHours()*60 + now.getMinutes())*60 + now.getSeconds();

var tage = (h*60+ m)*60
var jisa = tage - current

if( jisa < 0 )jisa += 24*60*60; 
 return setTimeout(goTo, jisa*1000);
}
myfunc(12,00);

</script>

m.ts10806

2018/11/15 13:21

目的は何でしょうか？例えばその日限定のデザインや文言を反映したいとかそういった用途でしょうか。

yksg_09315

2018/11/15 13:49

はい、仰るとおりです。別のJSでその日限定の要素を出し分けしているのですが、リロードをしないと反映されない為、自動リロードを設置したいのです

m.ts10806

2018/11/15 13:53

1つの案として変わる部分だけを書き換えるというのがありますが、リロードでないといけないという理由があるということでよろしいですか？あと提示のJavaScriptコードはSyntaxErrorが出ているので修正いただいたほうが良いかと思います

yksg_09315

2018/11/15 14:17

申し訳ありません。大変失礼致しました。修正致しました。まだエラーが出ていましたら仰ってください。はい。可能ならば指定時間にリロードされるものが良いです。

行動規範の内容に同意します

回答2件

ベストアンサー

複雑に計算せずとも目的の日時と今の差をとるだけでいいでしょう。
ミリ秒(Unix時間の差)が返るので、そのままsetTimeout()に使えます。

JavaScript
1new Date(2018, 11, 25, 12) - new Date()

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/valueof

投稿2018/11/15 14:22

x_x

総合スコア13749

yksg_09315

2018/11/16 12:53

ありがとうございます！　難しく考えすぎていたようです。まんまですと指定時間が過ぎた際に永遠とリロードしてしまったので var today = new Date; var startday = new Date("2018/12/25 12:00:00"); var jisa = startday - today setTimeout(function(){ if(jisa > 0 ) location.reload() },jisa) としたら思った通りの動きをしました！ありがとうございました！！

x_x

2018/11/19 04:29

負の値では呼ぶ意味がなくなるので if (jisa > 0) { setTimeout(function(){ location.reload(); }, jisa); } のほうがいいかもしれません。

yksg_09315

2018/11/19 13:49

やってみます！コメントありがとうございます！！

行動規範の内容に同意します

1秒毎に時間を判定する例です。
参考にどうぞ。

javascript
1// 変数_ に 2018/12/25 12:00を代入
2const _ = new Date(2018, 11, 25, 12, 0); 
3
4// 変数_ が 現在時刻より大きいか判定(2018/12/25 12:00を超えていないか？)
5if(_ > Date.now()){
6  // 1秒毎に実行するTimerを設定
7  setInterval(function(){
8    // 変数_ が 現在時刻より小さい判定(2018/12/25 12:00を超えたか？)
9    if(_ <= Date.now()){
10      // 指定時間を越えたのでreload実行（reload後は最初のif文の条件は成立しない）
11      location.reload(true)
12    }
13  }, 1000)
14}