ページを自動で更新(F5)させるjQuery

更新日:2017年2月19日

掲示板で書き込みがあった時やウェブサイトが更新された時等、何かしら変化があったとしてもブラウザを更新しなければ掲示板やウェブサイトの最新の状態は反映されません。ブラウザの更新、ショートカットキーでいうと、WindowsでいえばF5ボタン、Macでいえばcommand + Rの同時押しになりますね。
仮にブラウザをずっと開きっぱなしの状態でずっと待っているだけではいつまで経っても古い情報のままです。

これは至極当然のことなのですが、クライアントによっては「どうにかこちら側から自動で更新させることは出来ないのか?」と言ってくるケースがたまにあります。

つまりウェブサイトの管理者側から閲覧しているユーザーのページを更新出来ないものかということですね。
はいっ、ありますよ!ってことで実装してみましょう。

それではどのように実装するかというと、jQueryで

$(function() {
	setTimeout(function() {
		location.reload();
	},30000);
});

と記述するだけ。
たったこれだけです

30000の部分は何秒毎にブラウザを更新させるのかといった秒数の設定になりますので、任意で書き換えてご使用下さい。
ちなみに30000で30秒毎にブラウザを更新するよう設定しています。

クライアントのちょっと無茶な要求に応じるのもWEB担当者の役目です。
jQueryで大抵のことは出来てしまうので、無茶な要求も無茶だと決めつけずにまずは調べてみましょう。