Question

我尝试在setInterval()计时器内调用对象方法，但没有成功。创建Object时会调用该方法一次。方法声明中的更改只给我一些错误，即更新根本不是一个功能。

这是功能可访问性的问题还是我犯了一般结构错误？

＆＃13;

    window.viz = new VizOne("test.json");
    setInterval(viz.updateViz(), 5000);
    

    
//one object for each viz, each has a setup and an update method
    function VizOne(dataFile){
        var file = dataFile;
        var data = [];
        var s = Snap(500,100);
        
        var fullLength = 0;
        var allRects = [];
        
        $.getJSON(file, function( rawData ) {
            var i = 0;        
            $.each( rawData, function( key, val ) {
                data[i] = val;
                i++;
            })                
        }).done(function() {        
            for(i = 0; i<data.length;i++){
                allRects.push(s.rect(fullLength, 0, data[i],100)
                               .attr({fill: "#bada55", opacity: Math.random()})
                                   );
                                       
                console.log("x: "+ fullLength +", value: "+ data[i]);
                fullLength= fullLength+parseInt(data[i]);
            }
        });
           
        //method
        this.updateViz = function() {            
            $.getJSON(file, function( rawData ) {
                var i = 0;        
                $.each( rawData, function( key, val ) {
                    data[i] = val;
                    i++;
                })                
            }).done(function() {        
                console.log("update vizOne")
                for(i = 0; i<allRects.length; i++){
                    allRects[i].animate({opacity: Math.random()},3000);                                    
                    }

                   })                                                            
            }        
    };

＆＃13;

Answer 1

setInterval的第一个参数需要是函数。

您正在调用 viz.updateViz()并传递返回值（未定义）。

由于updateViz依赖于在正确的上下文中调用（它在内部使用this），因此您需要创建一个在正确的上下文中调用它的新函数。

setInterval(viz.updateViz.bind(viz), 5000);

Answer 2

在方法名称后使用()将立即调用该方法，并且方法调用的返回值将作为参数传递给setInterval。摆脱()并传递函数参考。

Answer 3

setInterval(viz.updateViz(), 5000);正在调用viz.updateViz()的结果，但您想要写setInterval(viz.updateViz, 5000);

setInterval（）对象的方法调用

3 个答案: