使用php,ajax,javascript在页面上随机排序flash文件

时间:2015-03-19 13:30:56

标签: javascript php ajax flash

我没有Ajax的经验和java的经验,很多sql& PHP体验所以我可能会收到很多关于这个问题的评论但是这里有。

最终我有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 for 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>

但是如何根据数组值将它组合在一起?

1 个答案:

答案 0 :(得分:0)

为什么不是这样的?

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