timeout в Объекте работает "не правильно" - нет так как задумано

[pompiduskus]

Всем привет.

При вызове тайм-аута в нутри объекта он почему-то отрабатывает все сразу, без заданной задержки.

Должно быть так, в DIV=1 записывается значение 5. потом. 4,3,2,1

А он записывает стразу 1. как бы не обращая внимания на setTimeout();

Не пойму в чем дело, и так попробовал и сяк, какие только варианты не попробовал.

Наверное тут есть какой-то "подводный камень". В чем тут может быть проблема ?

=================================== =============

PHP код:

var trowNewObject = function(){
    //this.id = id;
}
trowNewObject.prototype.nextAnimFrame = function(elementId, animFrames){
    this.id = elementId;
    this.animFrames = animFrames;

    if(this.animFrames > 0){
        // Записываю в элемент ID=1 номер кадра
        document.getElementById(this.id).innerHTML = this.animFrames; //this.id;//xxx;//this.first;
        this.animFrames--;
        // Вызываю timeout 
        setTimeout(this.nextAnimFrame(this.id, this.animFrames), 3000);
    }
}
/* ------------------------------- */

function trowObject(element){ // div id
    var elementId = element.id;
    var animFrames = 5;// Всего кадров в "анимации"
    var x = new trowNewObject();
        x.nextAnimFrame(elementId, animFrames);
} 


[pompiduskus]

Есть ответ.

Проблема была в том, что при запуске setTimeout контекст this меняется на window.
Значит, прежде чем передавать любые аргументы их нуже перевести из "THIS" в простую локальную или глобальную

Также нужно вызывать нужные метод в функции.

setTimeout(function(){that.nextAnim Frame(id, animF);}, 1000);
=================================== ===================
Решение.

PHP код:

var trowNewObject = function(){
    //this.id = id;
}
trowNewObject.prototype.nextAnimFrame = function(elementId, animFrames){
    var id = elementId;
    var animF = animFrames;

    var that = this;

    if(animF > 0){
        // Записываю в элемент ID=1 номер кадра
        document.getElementById(id).innerHTML = animF;
        animF--;
        // Вызываю timeout 
        setTimeout(function(){that.nextAnimFrame(id, animF);}, 1000);
    }
}
/* ------------------------------- */

function trowObject(element){ // div id
    var elementId = element.id;
    var animFrames = 5;// Всего кадров в "анимации"
    var x = new trowNewObject();
        x.nextAnimFrame(elementId, animFrames);
}