анимация на canvas

[hatalsky]

PHP код:

function Elevator(x,y,sx,sy,color,context) {
    this.x = x;
    this.y = y;
    this.sx = sx;
    this.sy = sy;
    this.color = color;
    this.context = context;
};
Elevator.prototype.show = function() {
    this.context.clearRect(0,0,500,500);
    this.context.fillStyle = this.color;
    this.context.fillRect(this.x,this.y,this.sx,this.sy);
    return 0;
};
Elevator.prototype.animation_up = function() {
    if (this.y - 100 >= 0) {
        for (var i = 0; i < 100; i++) {
            this.y = this.y - 1;
            //-------------------
            this.show();
        };
        return 0;
    };
    this.show();
    return 0;
}; 


в js я новичёк
нужно сделать анимацию на canvas
код рабочий, просто не анимирует перемещение
как я прочитал, никаких аналогов sleep() в js нет, выходит нужно применить как-то settimeout/setinterval, но я никак не могу придумать как
мб кто-нить подскажет, или предложит как реализовать анимацию по-другому.
заранее спасибо

[dust999]

Ты должен просто вызывать функцию отрисовки обекта через какой то интервал времени(это и есть анимация).
А параметры отображения объекта хранишь в внешней глобальной переменной height=0 там же хранишь если требуется глобальную переменную старта и конца anim=false, иначе у тебя будет бесконечная анимация

Алогритм следующий:

1. Проверяешь начата if (anim==true){
Если да то сет интервалом вызываешь функцию отрисовки туда передаёшь координаты лифта своего.

2. в конце функции увеличиваешь перемещение на 1 height+=1; или несколько пикселей (дробные лучше не использовать) и проверяешь не ушёл ли лифт за границы видимости или не достиг ли он нужной высоты

если он ещё движется то ничего не делаешь эта функция будет вызывать сама себя пока лифт не доедет.
если он в нужной точки ставишь глобальной переменной anim=false;

и он просто не будет бльше вызывать эту функцию с отрисовкой и лифт замрёт где надо.