如何在Javascript中更改变量的颜色？

这是我的密码：

//设置我们倒计时的日期
var countDownDate=新日期（“2021年3月5日00:00:00”）.getTime（）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在；
//天、小时、分钟和秒的时间计算
变量天数=数学楼层（距离/（1000*60*60*24））；
可变小时数=数学楼层（（距离%（1000*60*60*24））/（1000*60*60））；
var分钟=数学楼层（（距离%（1000*60*60））/（1000*60））；
var秒=数学楼层（（距离%（1000*60））/1000）；
//在id=“demo”的元素中输出结果
document.getElementById（“demo”）.innerHTML=days+“ngáy”+hours+“gi”ờ " +
分钟+“phút”+秒+“gi–y”；
//如果倒计时结束，写一些文字
如果（距离<0）{
净间隔（x）；
document.getElementById（“demo”）.innerHTML=“过期”；
}
}，1000）；

---

您需要设置HTML的样式。为了设置部分文本的样式，您通常使用带有

style=“color:your\u color；“

属性

因此，您的HTML应该是：

4 ngáy 5 giờ

因此，在JavaScript中，您需要编写：

document.getElementById（“demo”）.innerHTML=“”+天+小时+ecc”；

请参阅此以了解如何编写颜色代码并查看颜色名称的完整列表：

---

将此JSFIDLE视为演示：。

您需要设置HTML的样式。为了设置部分文本的样式，您通常使用带有

style=“color:your\u color；“

属性

因此，您的HTML应该是：

4 ngáy 5 giờ

因此，在JavaScript中，您需要编写：

document.getElementById（“demo”）.innerHTML=“”+天+小时+ecc”；

请参阅此以了解如何编写颜色代码并查看颜色名称的完整列表：

---

将此JSFIDLE视为一个演示：。

尽管@lax48的答案可以很好地使用，但最好在需要多种预设颜色的情况下使用css类，以便以后更容易维护代码。
示例CSS

.red { color: red }
.blue { color: navy }
.green { color: green }

示例Javascript

let elem = document.getElementById("demo")    
elem.innerHTML += "<span class='red'>" + days + "</span> days"
               + "<span  class='blue'>" + hours + " hours</span>"
               + "<span class='green'>" + minutes + " minutes</span>"
               + "<span class='red'>" + seconds+ " seconds</span>";

let elem=document.getElementById（“演示”）
elem.innerHTML+=“”+days+“days”
+“+小时数+”小时数”
+“+分钟+”分钟
+“+秒+”秒”；

虽然@lax48的答案可以很好地使用，但最好在需要多种预设颜色的情况下使用css类，以便以后更容易维护代码。
示例CSS

.red { color: red }
.blue { color: navy }
.green { color: green }

示例Javascript

let elem = document.getElementById("demo")    
elem.innerHTML += "<span class='red'>" + days + "</span> days"
               + "<span  class='blue'>" + hours + " hours</span>"
               + "<span class='green'>" + minutes + " minutes</span>"
               + "<span class='red'>" + seconds+ " seconds</span>";

let elem=document.getElementById（“演示”）
elem.innerHTML+=“”+days+“days”
+“+小时数+”小时数”
+“+分钟+”分钟
+“+秒+”秒”；

Put styled

HTML标记。似乎需要显示此变量显示的

HTML

放置styled

HTML标记。似乎需要显示此变量显示的

HTML