js在setinterval里写setinterval 在第二遍调用外层函数时，里层函数每次循环两遍

Question

后来改成setTimeout也是如此 代码如下

     loadList: function (u) {
        function rotaT(u){
            $.ajax({
                type:"get",
                url:u,
                dataType:"json",
                success:function(data){
                    var str = '';
                    for (var i = 0; i < data.data.length; i++) {
                        str += '<div class="row clearall"><span class="box1">'+data.data[i].name+'</span><span class="box2">'+data.data[i].time+'</span><span class="box3">'+data.data[i].content+'</span><span class="box4">'+data.data[i].id+'</span></div>'
                    };
                    $('.mrb_table .tbody').html(str);
                    function scroll(){
                        $(".tbody").animate({"margin-top":"-40px"},function(){
                            $(".tbody .row:eq(0)").appendTo($(".tbody"));
                            $(".tbody").css({"margin-top":0})
                        });
                        setTimeout(scroll,5000);
                    };
                    scroll();
                },
                error:function(){
                    console.log(1);
                }
                
            });
            
            setTimeout(function(){rotaT(u)},100000);
        }
        rotaT(u);
    },

请教大神我该如何处理

Answer 1

你的scroll方法不应该定义在外面吗？你每次ajax都去定义一次scroll方法？讲道理这种渲染dom之后的操作只要设置一个setTimeout（0）就应该OK了的