着色数字对

Question

我正在使用jQuery Stopwatch插件来跟踪我正在开发的基于浏览器的JavaScript游戏的时间。此插件输出00:00:00。我需要使用不同颜色的每个数字对（小时，分钟，秒）。

我还在游戏开始前以HTML（00:00:00）输出虚拟时间。我能够着色 这里的每个数字对但使用00但这对插件的输出不起作用。我怎么能在那个输出上做到这一点？

这是插件代码：

http://pastie.org/2709822

感谢所有人的帮助！

Answer 1

将行24替换为......

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

然后相应地设置类的样式。

Answer 2

将每对数字粘贴在<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>