Javascript 为什么我的滑动内容在一次之后仍在继续？

，如果你坐几秒钟看“音频”互动程序，它就会移动。另一块瓷砖上写着“猫”。“Cat”将向左滑动，“Audio”将重新出现，然后“Audio”将滑回左侧。然而，在此之后，音频再也不会出现，而是继续播放。我取消了音乐播放器的隐藏，这样你就可以看到它一直在播放。我的javascript出现这种情况有什么问题

另外，我如何更改javascript，使音频向左滑动，Cat从右侧进入，但Cat从右侧向后滑动，音频从左侧进入

<script type="text/javascript">
var swap = false;
var w = 125;
var h = 115;    
var i = 0;
var x = 0;
var q = 1;
var t;

window.onload=function(){
    i = initPortfolio();
    setTimeout("portfolioRotate()",2000);
}

function initPortfolio(){

    $('.portfolio-item').each(function(index){i = i+1;});
    for(var n=1;n<=i;n=n+1){
        lpos = w * n - w;
        $('#item-'+n).css('left',lpos);
    }

    $('.offs').css('display','block');
    x =  i * w - w;
    return i;
}

function portfolioRotate(){
    swap = false;
    $('.portfolio-item').delay(4000).animate({left:'-='+w},500,function(){
        nn = this.id.split("-")[1];
        if(q==nn && swap==false){
            $('#item-'+q).css('left',x);
            if(q<i){q=q+1}else;
            swap = true;
            u=setTimeout("portfolioRotate()",4000);
        }
    });
}
</script>

var掉期=假；
var w=125；
var h=115；
var i=0；
var x=0；
var q=1；
变量t；
window.onload=function（）{
i=initPortfolio（）；
setTimeout（“portfolioRotate（）”，2000）；
}
函数initPortfolio（）{
$（'.portfolio item'）。每个（函数（索引）{i=i+1；}）；
对于（var n=1；n您可能不希望每次调用PortfoliorState时都将swap设置为false。这使得if语句始终为true。
如果我将其设置为true，动画不会重复。