1

10 秒ごとにページを更新し、データベースからいくつかのデータを取得して、いくつかの div に配置する次の関数があります。問題は、画像がある場合、領域が更新されるときに 10 秒ごとに点滅することです。

この画像の点滅を防ぐ方法はありますか? おそらく、何らかの形式のキャッシングまたはプリロードですか?

画像は S3 でホストされており、プロジェクトには PHP を使用しています。

前もって感謝します!

function refreshAll() {
  var doneCount = 0;
  var onDone = function() {
    doneCount++;

    if (doneCount == 2)
      setTimeout(refreshAll, 10000);
        console.log("fetching new updates....");
  }

  loadLeaderboard(onDone);
  loadActivity(onDone);
 }

refreshAll();

function loadLeaderboard(onDone) {
   var competitionId = $("body").attr("data-competitionId");
   var url = "leaderboard_api.php?competitionId=" + competitionId;

   $.get(url, function(data) {
     $("#leaderboard-spot").html(data);

      if (onDone)
        onDone();

   });
 }

function loadActivity(onDone) {
  var competitionId = $("body").attr("data-competitionId");
  var url = "activity_api.php?competitionId=" + competitionId;

   $.get(url, function(data) {
     $("#activityspot").html(data);
        if (onDone)
        onDone();
   });
 }
4

0 に答える 0