Раскрасить пары чисел

#javascript #jquery

#javascript #jquery

Вопрос:

Я использую плагин jQuery Stopwatch для отслеживания времени в браузерной игре на JavaScript, которую я разрабатываю. Этот плагин выводит 00:00:00. Мне нужно, чтобы каждая пара чисел (часы, минуты, секунды) была разных цветов.

Я также выводил фиктивное время до начала игры в HTML (00:00:00). Я могу раскрасить каждую пару чисел здесь, но используя 00, но это не работает на выходе из плагина. Как я могу это сделать на этом выходе?

Это код плагина:

http://pastie.org/2709822

Благодарен за любую помощь!

Ответ №1:

Заменить строку 24 на…

 return '<span class="hours">'   pad2(hours)   '</span>:<span class="minutes">'   pad2(minutes)   '</span>:<span class="seconds">'   pad2(seconds)   '</span>';
  

Затем соответствующим образом оформите классы.

Ответ №2:

Вставьте каждую пару цифр в a <span> , затем оформите их так, как вы хотите:

 <style>
#timer .hours { color: red };
#timer .minutes { color: blue };
#timer .seconds { color: green };
</style>
<div id="timer">
  <span class="hours">00</span>:<span class="minutes">00</span>:<span class="seconds">00</span>
</div>