2

假设我有 2 个 div。我必须用数组的前 2 个元素填充它们。然后自动刷新 div,它们应该被数组的下 2 个项目自动填充。这应该重复直到数组结束。遍历每个元素后,自动刷新应该停止。

例如,我的数组中有 8 个元素和 2 个 div(mydiv1 和 mydiv2)。我希望在每一秒之后,div 应该刷新自己。第一次 mydiv1 包含 A1 而 mydiv2 包含 A2,第二次 mydiv1 = B1, mydiv2=B2 .... 4 次

我的 xyz.php 文件

<?php
    //echo rand();
    $questions=array(
                     "A1",
                     "A2",
                     "B1",
                     "B2",
                     "C1",
                     "C2",
                     "D1",
                     "D2"
                     );
    ?>

我的 index.php 文件

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var auto_refresh = setInterval(
function ()
{
$('#mydiv1').load('xyz.php').fadeIn("slow");
}, 1000); // refresh every 1000 milliseconds
});
</script>
</head>
<body>
<div id="mydiv1"> </div>
<div id="mydiv2"> </div>
</body>
4

1 回答 1

2

在您之前的问题中对 Barmar 的代码进行了一些更改

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var counter=0;
var auto_refresh = setInterval(function() {
$.getJSON('xyz.php', function(data) {
    $("#mydiv1").html(data[counter]);
    $("#mydiv2").html(data[counter+1]);
counter+=2;
if (counter > 6) {
        clearInterval(auto_refresh);
    }
    });
}, 1000);
});
</script>
</head>
<body>
<div id="mydiv1"> </div>
<div id="mydiv2"> </div>
</body>


PHP

<?php
$questions=array(
                 "A1",
                 "A2",
                 "B1",
                 "B2",
                 "C1",
                 "C2",
                 "D1",
                 "D2"
                 );

echo json_encode($questions);

?>
于 2013-10-18T11:51:42.057 回答