Визуальное уменьшение числа

[AntonMs]

Есть число 1000, и нужно что-бы оно визуально уменьшилось до 500, типа как в таймере мс.
Звучит просто, но Я почему-то не могу решить, помогите пожалуйста.

[Lemme]

http://jsfiddle.net/qvyuLhn9/ ?

[Palama]

или

place = getElementById("counter");
start = 1000;
stop = 500;
function timer() {
    if (start-- > stop) {
    place.innerHTML = start;
    setTimeout(timer,10);
    }
}
timer();

[Lemme]

Palama, рекурсия,конечно, хорошо, но что, если я захочу сделать так

timer(document.geElementById('counter'), 1000, 500);

p.s открыл твой профиль - уже появился единомышленник=), точнее кто-то сказал это другими словами=)

[join]

http://jsfiddle.net/qvyuLhn9/ ?

если я захочу поменять счетчик с 1 до 100 то ваш пример начинает врать:
http://jsfiddle.net/qvyuLhn9/17/

[AntonMs]

Lemme Спасибо, скопипастил)

[Lemme]

join, спасибо за замечание, проглядел Ведь

from-=1 === --from;

AntonMs, отредактируй.

if (from === to){
    clearInterval(timer);
    return;
}

[AntonMs]

Lemme, если с return то итоговое число будет всегда на 1 больше.

[Lemme]

AntonMs, с return

from--;
container.innerHTML = from;

или

container.innerHTML = --from;

или

container.innerHTML = from-=1

Для понимания

var i = 1;
console.log(i--); // 1 - выводим значение переменной i, а потом уменьшаем
сonsole.log(i); // 0

var i = 1;
console.log(--i); // 0 - уменьшаем значение переменной i, а потом выводим. Тоже самое, что i-=1
сonsole.log(i); // 0

[AntonMs]

Спасибо, а то Я сначала не понял что это: --from

Или какая разница -

from--;
container.innerHTML = from;

////

container.innerHTML = from--;