着色數字對

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>