[fed0R]

Уважаемые форумчане, не подскажет ли кто, как решить задачу?

В двух словах суть проблемы: в html-документе есть таблица в которой есть ячейки шириной 100 пикселов каждая. Нужно, чтобы при клике над ячейкой её ширина увеличивалась до 200 пикселов, но не мгновенно (это я сделать смог), а, скажем, за 2 секунды.

В таком скрипте:

document.getElementById('td1').onclick = function () {
for(var i = 100; i < 200; i++) {
this.style.width = i + 'px';
alert(this.style.width);
}

ширина увеличивается на один пиксел каждый раз после вывода alert. Если же убрать alert, то ширина изменится мгновенно. Я так понимаю, что нужно вставить setInterval, но куда - ума не приложу. Как бы ни пытался - ничего не выходит...