使用 php、ajax、javascript 的页面上 flash 文件的随机顺序

Question

我没有 Ajax 经验，也没有 java 经验，有很多 sql 和 php 经验，所以我可能会收到很多关于这个问题的 cmets，但这里是。

最终我有 4 个 flash swf 文件需要在网站主页上随机旋转。所以我在网上找到了一个 shuffle javascript 函数并实现了它。现在我需要实现这个 ajax 函数（来自这篇文章 Javascript change inner html of div that conatins php include ）来根据数组中的数字更改 swf 文件，所以如果 tempArray = 4,3,1,2 然后显示 flash-4.php 3 秒，然后换成 flash-3.php 3sec，再换成 flash-1.php 3sec，以此类推。

我已经让随机播放部分工作了：

<script type="text/javascript">
Array.prototype.shuffle = function() {
    var input = this;

    for (var i = input.length-1; i >=0; i--) {

        var randomIndex = Math.floor(Math.random()*(i+1));
        var itemAtIndex = input[randomIndex];

        input[randomIndex] = input[i];
        input[i] = itemAtIndex;
    }
    return input;
}

var tempArray = [ 1, 2, 3, 4 ]
tempArray.shuffle();

// and the result is...
alert(tempArray);    
//alert(tempArray[0]);       
</script>         

我有 ajax 部分，它正在替换内容工作：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">


setInterval(function()  
{
        $.ajax( "flash-2.php" )
        .done(function(res) {
        document.getElementById("swfdiv").innerHTML = res;
    })

}, 
 3000);
</script>

但是如何根据数组值将它放在一起旋转呢？

Answer 1

为什么不这样呢？

var index = 0;
var tempArray = ...
setInterval(function()  
{
        index = (index + 1) % tempArray.length;
        $.ajax( "flash-" + tempArray[index] + ".php" )
        .done(function(res) {
        document.getElementById("swfdiv").innerHTML = res;
    })
}, 
3000);