Изменение внутреннегоHTML элемента, созданного с помощью innerHTML

Question

В принципе, у меня есть div, в который я вставляю содержимое с помощью innerHTML. Вставляемый фрагмент HTML:

<p style="text-align:center;"><span class="bold" id="timer">00:00:00:0</span></p> 

Это таймер, который должен увеличиваться с помощью setTimeout. Позже я вызвать следующую функцию, чтобы изменить блок таймера:

document.getElementById("timer").innerHTML = output; 

При проверке свойства innerHTML с Firebug или предупреждения, то innerHTML элемента Спан увеличивающиеся (например, он будет говорить «00:00:10 : 6 "или" 00: 01: 01: 4 "). Однако страница не отражает изменений; браузер все еще показывает 00: 00: 00: 0.

Я попытался разместить пролет прямо на странице, а не модифицировать div с помощью innerHTML, и только после этого он работает. Есть ли способ заставить его работать с innerHTML на div?

EDIT: страница ----- Попробуйте использовать Firebug или консоли Chrome, чтобы проверить следующие файлы:

document.getElementById('bunny-timer').innerHTML 

EDIT 2: URL удалены.

Answer 1

Не видя кода, я думаю, что вы случайно создаете дубликаты идентификаторов, а элемент, который вы видите, отличается от того, который вы просматриваете.

Answer 2

Посмотрите на это: http://plugins.jquery.com/project/timers. Поскольку вы уже используете jQuery довольно много, почему бы не играть с функциями таймера? Они, кажется, очень хорошо сделаны.