在JavaScript函数中将CSS设置为文本

我希望在JavaScript函数中为某些文本设置不同的CSS样式

例如，将图像中建议的样式设置为附加代码。 有什么建议吗

//设置我们倒计时的日期
var nowDate=新日期（）；
var countDownDate=新日期（nowDate.getFullYear（），nowDate.getMonth（），nowDate.getDate（），15,30,0,0）；
//每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”在元素中显示结果
如果（小时数>=1）{
document.getElementById（“发货倒计时”）.innerHTML=“订单在”+小时+小时内”+
分钟+“m”+秒+“s”+，以便在装运日期/装运您的订单；
}否则如果（小时<1和分钟<1）{
document.getElementById（“发货倒计时”）.innerHTML=“订单在”+秒+s内”+
“在装运日期“/”装运您的订单；
}否则{
document.getElementById（“发货倒计时”）.innerHTML=“订单在”+分钟内+“m”+
秒+“s”+，以便在装运日期/装运订单；
}
})

您只需在您的时间输出周围使用带有CSS的span类即可：

比如：

document.getElementById（“发货倒计时”）.innerHTML=“订单在“+分钟+”米“+秒+”s“+”内发货”；

---

下面是一个工作示例：

您可以在您的时间输出周围使用带有CSS的span类：

比如：

document.getElementById（“发货倒计时”）.innerHTML=“订单在“+分钟+”米“+秒+”s“+”内发货”；

---

下面是一个工作示例：

嘿，这就是你要找的吗？我不知道为什么计时器没有按预期工作，没有过多地检查计时器代码。但我所做的是在段落标记中创建两个跨距，以添加倒计时计时器和日期。我使用附加的css给文本上色

编辑：添加了一个1.5小时的计时器

//设置我们倒计时的日期
var nowDate=新日期（）；
var countDownDate=新日期（nowDate.getFullYear（），nowDate.getMonth（），nowDate.getDate（），nowDate.getHours（）+1，nowDate.getMinutes（）+30,0,0）；
console.log（倒计时）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
var date=新日期（date.now（））.toLocaleString（）；
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在；
//小时、分钟和秒的时间计算
变量天数=数学楼层（距离/（1000*60*60*24））；
可变小时数=数学楼层（（距离%（1000*60*60*24））/（1000*60*60））；
var分钟=数学楼层（（距离%（1000*60*60））/（1000*60））；
var秒=数学楼层（（距离%（1000*60））/1000）；
//使用id=“demo”在元素中显示结果
如果（小时数>=1）{
document.getElementById（“倒计时”）.innerText=hours+“h”+
分钟+米+秒+秒；
}否则如果（小时<1和分钟<1）{
document.getElementById（“倒计时”）.innerText=seconds+s；
}否则{
document.getElementById（“倒计时”）.innerText=minutes+“m”+
秒+秒
}
datearray=date.split（'，'）；
document.getElementById（“日期持有者”）.innerText=datearray[0]；
})

#倒计时{
颜色：绿色；
}
#日期持有者{
颜色：红色；
}

在内订购，以便您的订单在上发货。

嘿，这就是您要找的吗？我不知道为什么计时器没有按预期工作，没有过多地检查计时器代码。但我所做的是在段落标记中创建两个跨距，以添加倒计时计时器和日期。我使用附加的css给文本上色

编辑：添加了一个1.5小时的计时器

//设置我们倒计时的日期
var nowDate=新日期（）；
var countDownDate=新日期（nowDate.getFullYear（），nowDate.getMonth（），nowDate.getDate（），nowDate.getHours（）+1，nowDate.getMinutes（）+30,0,0）；
console.log（倒计时）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
var date=新日期（date.now（））.toLocaleString（）；
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在；
//小时、分钟和秒的时间计算
变量天数=数学楼层（距离/（1000*60*60*24））；
可变小时数=数学楼层（（距离%（1000*60*60*24））/（1000*60*60））；
var分钟=数学楼层（（距离%（1000*60*60））/（1000*60））；
var秒=数学楼层（（距离%（1000*60））/1000）；
//使用id=“demo”在元素中显示结果
如果（小时数>=1）{
document.getElementById（“倒计时”）.innerText=hours+“h”+
分钟+米+秒+秒；
}否则如果（小时<1和分钟<1）{
document.getElementById（“倒计时”）.innerText=seconds+s；
}否则{
document.getElementById（“倒计时”）.innerText=minutes+“m”+
秒+秒
}
datearray=date.split（'，'）；
document.getElementById（“日期持有者”）.innerText=datearray[0]；
})

#倒计时{
颜色：绿色；
}
#日期持有者{
颜色：红色；
}

在内订购要在

发货，您可以使用任何元素，如

p

或

spandocument.getElementById("shipping-countdown").innerHTML = "Order within <span class='time'>" +  minutes + "m "  + seconds + "s </span>" + "to have your order shipped on ";