Изменение innerHTML элемента, созданного с помощью 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 элемента span увеличивается (например, он говорит «00:00»: 10: 6 "или" 00: 01: 01: 4 ").Тем не менее, страница не отражает изменения;браузер по-прежнему показывает 00: 00: 00: 0.

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

РЕДАКТИРОВАТЬ: страница ----- Попробуйте использовать Firebug или консоль Chrome, чтобы проверить следующее:

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

РЕДАКТИРОВАТЬ 2: URL удален.

Answer 1

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

Answer 2

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