javascript - 试图让函数与 window.onload 循环但不起作用

Question

我将这个 JavaScript/jQuery 动画函数放在这里，我希望它使用 window.onload = function(){} 对每个 3000 进行循环，但对于一些它不起作用的原因。我认为 可能 语法/基础错误，因为我是 javascript 的新手，但如果我应该使用不同的方法，请告诉我。这是我的代码:

function animTile(){
    $(".main-content").delay(3000).animate({
        top: "100%"
    });

    $(".secondary-content").delay(3000).animate({
        top: "0"
    });
}

window.onload = function(){
    animTile(); setInterval(animTile, 3000);
}

编辑:

也许这也能有所帮助。这是我的 CSS 代码:

    #wrap {
        display: block;
        height: 328px;
        width: 568px;
        overflow: hidden;
    }

    #wrap .main-content {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0%;
    }

    #wrap .secondary-content {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 100%;
    }

Answer 1

尝试这样的事情:

 function animTile(){
$(".main-content").delay(3000).animate({
    top: "100%"
});

$(".secondary-content").delay(3000).animate({
    top: "0"
});
 animTileTwo();
}

function animTileTwo(){
$(".main-content").delay(3000).animate({
    top: "0"
});

$(".secondary-content").delay(3000).animate({
    top: "100%"
});
}


  window.onload=function(){
     setInterval("animTile()", 3000);
 }