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();
});
}