JS меняет дизайн блоков?

Question

[Владимир Федоров]

В обычном состоянии выглядит мой блок с таймером так:

Но если он запустится, то Задний фон просто отпадет сразу и тупо будут цифры белого цвета на голубом фоне.
Виной всему это :

var minute = data.timer.substring(0, data.timer.indexOf(':'));
			var second = data.timer.substring(data.timer.indexOf(':')+1);
			if (minute.length == 1) {
				minute = '0'+minute;
			}
			if (second.length == 1) {
				second = '0'+second;
			}
			if (_$('timer')) {
				$('#timer').text(minute + ':' + second);
			}
  		});

Тут не определен дизайн, а в обычном состоянии у меня все так:

<div class="timer countdownHolder" style="display: block;">
				<div id="timer" style="color:#fff; font-weight:100;"><span class="countMinutes"><span id="timer-1" class="timer-digit">0</span><span id="timer-2" class="timer-digit">2</span></span><span class="countDiv countDiv0">:</span><span class="countSeconds"><span id="timer-3" class="timer-digit">0</span><span id="timer-4" class="timer-digit">0</span></span>
				</div>

И CSS:

.timer .countSeconds {
    width: 65px;
    height: 58px;
    background: #101010;
    border-radius: 3px;
    position: relative;
    float: left;

Как изменить код в JS , что бы можно было задать ему дизайн?

Answer 1

[Александр Вульф]

var minute = data.timer.substring(0, data.timer.indexOf(':'));
var second = data.timer.substring(data.timer.indexOf(':') + 1);
var $timer = $('#timer');

if (minute.length == 1) {
  minute = '0' + minute;
}
if (second.length == 1) {
  second = '0' + second;
}
if ($timer.length) {
  $timer.find('#timer-1').text(minute[0]);
  $timer.find('#timer-2').text(minute[1]);
  $timer.find('#timer-3').text(second[0]);
  $timer.find('#timer-4').text(second[1]);
}
});

А, вообще, жуть. Переверстай все лучше)