php - Html/Js ライブ更新ページ

Question

私は自分の教会のホッケー リーグの Web サイトをプログラミングしており、ライブ アップデートを含むページを作成しようとしています。現在setInterval()、ライブページが時間を取得できるtime.txtを更新するようにphpに通知しようとしています。したがって、update.html には時刻が含まれています。このページは、時刻を time.txt に書き込む get 関数を使用して php ドキュメントに時刻を送信し、live.html は .txt を使用して 5 秒ごとに時刻を取得しsetInterval()ます。その 5 秒間、live.html は独自の時間を保持しますが、5 秒ごとに一時停止や時間の変更を確認する必要があります。

問題は次のとおりです。サーバーは2.5秒ごとにtime.txtを更新できないため、2.5秒ごとにtime.txtを更新する必要のない簡単な方法が必要ですが、live.htmlは時間、一時停止、および時間を取得できます変化します。

助けてください。

ここに update.html があります

$('#play').click(function(){
    if(pause == true){
        $('#play').attr('src',"mup/pause.jpg");
        $.get("mup/postt.php", {text: "11"});
        pause = false;
    } else {
        $('#play').attr('src',"mup/play.jpg");
        $.get("mup/postt.php", {text: "09"});
        pause = true;
    }
});
function updatet(){
    if(sec < 10){
        if(min < 10){
            var clientmsg = "0" + min + ":0" + sec;
        } else {
            var clientmsg = min + ":0" + sec;
        }
    } else {
        if(min < 10){
            var clientmsg = "0" + min + ":" + sec;
        } else {
            var clientmsg = min + ":" + sec;
        }
    } 
    $.get("mup/postt.php", {text: clientmsg});
}
setInterval (timer, 1000);
setInterval (updatet, 3000);

すべての変数はドキュメントの冒頭で定義されています。

ここに live.html があります

function timer() {
    if(stop == true){
        $("#time").html("<h5>Game Stopped</h5>"); 
    } else {
        sec = sec-1;
        if(sec <= -1){
            sec = 59;
            min = min-1;
            if(min <= -1){
                sec=0;
                min=0;
            }
        }
        $("#time").html("\<h2\>"+min+":"+sec+"\</h2\>");
    }
}
loadLog() {
    $.ajax({
        url: "mup/time.txt",
        cache: false,
        success: function(html){
            var min = html.charAt(0).concat(html.charAt(1));
            var sec = html.charAt(3).concat(html.charAt(4));
            var time = min + ":" + sec;
            if(time == timel){
                stop = true;
            } else {
                stop = false;
            }
            timel = time;
        },
    });
}
setInterval (loadLog, 5000);
setInterval (timer, 1000); 

ドキュメントの冒頭で、すべての変数が timel と time が異なるように定義されていました。Post.php は送信されたものをドキュメントに入れるだけなので、time.txt は "06:08" などのようになります。