如何使用javascript每分钟加载不同的页面?

Question

我有一个这样的javascript代码：

function loadlink() {
$('#load_here').load('1.php', function () {
$(this).unwrap().addClass('scale-in');
});
}
loadlink(); // This will run on page load
setInterval(function () {
loadlink() // this will run after every 5 seconds
}, 60000);

如您所见，此脚本将每 1 分钟加载一次1.phpdiv#load_here。

我担心的是目前我有超过 1 个 php 文件(让我们称它们为1.php、2.php、3.php、4.php、5.php等(，我希望它们每 1 分钟连续加载一次？我不知道这样做

提前致谢

Answer 1

你可以做类似的事情

<script>
var index = 1;
function loadlink() {
$('#load_here').load(index + '.php', function () {
$(this).unwrap().addClass('scale-in');
});
}
loadlink(); // This will run on page load
var timer = setInterval(function () {
index++;
loadlink() // this will run after every 1 minute
if(index == 5) {
clearInterval(timer);
}
}, 60000);
</script>

Answer 2

<script>
var files=['1.php','2.php','3.php']//etc
function loadlink(file) {
$('#load_here').load(file, function () {
$(this).unwrap().addClass('scale-in');
});
}
loadlink(files[0]); // This will run on page load
setInterval(function () {
var nextFile=files.shift();
loadlink(nextFile) // this will run after every 5 seconds
files.push(nextFile);
}, 60000);
</script>

Answer 3

在每次5 sec之后调用链接，最后调用first php。 调用完成后还要清除setInterval。

$(document).ready(function(){
var arr = ['php1','php2','php3','php4','php5'], i = 0;    
function loadlink(link) {
console.log('calling link : ', link);
$('#load_here').load(link, function () {
$(this).unwrap().addClass('scale-in');
});
}

var intervalId = setInterval(callFileLink, 60000);
function callFileLink() {
var link = arr[i];
console.log("Message to alert every 5 seconds"+ link);
if(link) {
loadlink(link);
}else {
clearInterval(intervalId);
loadlink(arr[0]);
}
i++;
};
});