更改某些字符的顏色

Question

如何在使用Javascript/jQuery顯示這段時間時突出顯示分鐘（22）？ 我想22有不同的顏色比11和33

11時22分33秒

謝謝！

Answer 1

在分鐘部分放置一個<span>標籤並使用適當的樣式。

11:<span class="minutes">22</span>:33 

.minutes 
{ 
    color: #ff0000;  
} 

根據您的更新，如果你想使用正則表達式插入跨度可以做到這一點

var x = "11:22:33"; 
var y = x.replace(/(\d+):(\d+):(\d+)/ ,"<span class='hours'>$1</span>:<span class='minutes'>$2</span>:<span class='seconds'>$3</span>"); 
alert(y); 

Answer 2

生成時間如何？如果它只是普通的HTML，試試這個：

<style> 
.hours 
{ 
    color:red; 
}  
.minutes 
{ 
    color:green; 
} 
.seconds 
{ 
    color:blue; 
} 
</style> 

<span class='hours'>11</span>:<span class='minutes'>22</span>:<span class='seconds'>33</span> 

使用CSS來應用顏色。

Answer 3

放在一個<span>並使用CSS來改變顏色。

<span class="hrs">11</span>:<span class="mins">22</span>:<span class="secs">33</span> 

然後，在你的CSS：

.hrs { 
    color: red; 
} 

.mins { 
    color: blue; 
} 

.secs { 
    color: green; 
} 

Answer 4

如果以這種方式獲得的時間（只是一個粗略的代碼）

var minutes = currentTime.getMinutes(); 
document.write("<span class="minutes">minutes</span>"); 

然後使用jQuery，您可以更改分鐘的顏色as，

$(.minutes).css("color","Red");