我如何更改该脚本中的文本颜色?
2017-09-08
95
我想将显示的文本颜色更改为白色,但是我不知道该怎么做,有人可以帮助我吗?
代码:
<!-- Display the countdown timer in an element -->
<p id="demo"></p>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sep 22, 2017 15:37:25").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "Days " + hours + "Hours "
+ minutes + "Minutes " + seconds + "Seconds ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>
PS 我是菜鸟,此代码来自 W3。
2个回答
您通过 JavaScript 访问的每个 HTML 元素都有一个样式对象。此对象允许您指定 CSS 属性并设置其值。
document.getElementById("p2").style.color = "blue";
Farhad Bagherlo
2017-09-08
有多种方法可以实现这一点,但最简单的方法就是设置一个 CSS 内联参数。如下所示:
<p id="demo" style="color: white;"></p>
这就是魔法。:)
一定要检查一下 -> https://www.w3schools.com/css/default.asp
Andrej V.
2017-09-08