🚀 go-pugleaf

Tengo un objeto con dos funciones, una que crea un div, y
otra que le aumenta el alto de 5 en 5 hasta llegar a 20
(osea 4 veces).-

objeto =
	{
	sumar: 5,
	pasos: 4,
	crearDiv: function()
		{
		this.elDiv = document.createElement('div');
		// aquí se pone cualquier codigo para
		// darle estilos y añadirlo a algún otro elemento
		},
	agrandarDiv: function()
		{
		if (!this.tamanno) this.tamanno = 0;
		this.pasos   -= 4;
		this.tamanno += this.sumar;
		this.elDiv.style.height = this.tamanno+'px';
		if (this.pasos != 0) setTimeout(this.agrandarDiv,100);
		// Ahí está el drama ↑
		}
	}

Si llamo a la función de agrandarDiv inmediatamente, funciona a la
perfección... no así con un “setTimeout”.

Necesito usar setTimeout porque quiero una demora de 100ms entre cada
suma para que así se vea aparecer el div.

El problema es que al hacer un setTimeout, la función no se llamará
en el mismo contexto, sino fuera, y “this” perderá su valor original...
osea, la referencia al objeto de la función.

Lo que busco, es una solución para poder realizarlo,
pero con las siguientes reglas.

No utilizar el nombre estatico del objeto.
No utilizar ID para referirse al div.
No registrar una variable global que haga referencia al objeto.
Que me permita cambiar el nombre del objeto y no haya que
tocar el codigo de este.

A ver si a alguien se le ocurre y me puede ayudar...
Thx~