更改某些字符的颜色

Question

如何使用Javascript / jQuery显示此时间时突出显示分钟数（22）？ 我希望22的颜色与11和33不同。

11时22分33秒

谢谢！

Answer 1

在分钟部分周围添加<span>标记并使用合适的样式。

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

.minutes
{
  color: #ff0000;    
}

根据您的更新，如果您想使用regexp插入跨度，则可以执行此操作

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

将其放入<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 3

时间是如何产生的？如果它只是常规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 4

如果你以这种方式得到时间（只是粗略的代码）

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

然后使用jquery，你可以改变分钟的颜色，

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