<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
-->
<html>
<head>
<title>定期リロード</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script>
var wrch = null;
var ct = 0;
var id = 0;
function int_proc(){
// ウインドウIDがあれば初回以外の呼び出し
if(wrch != null){
wrch.close();
}
// ウインドウオープン
wrch = window.open($('[name="url"]').val(),'rch','popup');
// 時刻文字列生成と表示
let nowTime = new Date(); // 現在日時を得る
let nowHour = ('00'+nowTime.getHours()).slice(-2); // 時間を抜き出す
let nowMin = ('00'+nowTime.getMinutes()).slice(-2); // 分数を抜き出す
let nowSec = ('00'+nowTime.getSeconds()).slice(-2); // 秒数を抜き出す
let msg = "前回起動時刻:" + nowHour + ":" + nowMin + ":" + nowSec;
$('#disp-time').text(msg);
// インターバルIDが設定されていた場合、キャンセルして、新たなインターバルを登録
if(id != 0){
clearInterval(id);
id = setInterval(int_proc, $('[name="int_time"]').val());
}
}
$(function(){
int_proc();
id = setInterval(int_proc, $('[name="int_time"]').val());
})
</script>
</head>
<body style="line-height:2em;">
<div>指定ページを定期的にリロードするよ</div>
<div id="disp-time"></div>
<input type="url" name="url" value="https://channel.rakuten.co.jp/" style="width:330px;"><br />
再起動間隔マイクロ秒数:<input type="number" name="int_time" value="10800000">
<button type="button" onclick="int_proc();">再起動</button>
</body>
</html>