使用php、ajax、javascript对页面上的flash文件进行随机排序


Random order for flash files on page using php, ajax, javascript

我对Ajax没有任何经验,对java也没有什么经验,有很多sql&php经验,所以我可能会收到很多关于这个问题的评论,但这里是。

最终,我有4个flash swf文件,需要在网站主页上随机旋转。所以我在网上找到了一个shuffle javascript函数并实现了它。现在我需要实现这个ajax函数(来自conatins-php包含的div的后Javascript更改内部html),以根据数组中的数字更改swf文件,因此如果tempArray=4,3,1,2,则显示flash-4.php 3秒,然后更改为flash-3.php 3秒、然后更改为flash-1.php 3秒等。

我有洗牌部分工作:

<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>

但是,如何根据数组值将其组合在一起进行旋转呢?

为什么不做这样的事情?

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