出于某种原因,我的倒数计时器的标题下方的文本不会将颜色更改为红色。出于某种原因,每当我调用字符串变量的fontcolor()方法时,它都会忽略方法调用并打印出其默认字体颜色。我该如何解决?为什么Javascript fontcolor方法不适合我?
<body>
<div id="worked"></div>
<h1 style="text-align: center;"><span style="color: #ff0000;"><strong>Offer Ends In:</strong></span></h1>
<h1 id="time" style="text-align: center;"> </h1>
</body>
<script>
var handler = function() {
if (--sec < 0) {
sec = 59;
if (--min < 0) {
min = 0;
sec = 0;
}
}
var min1 = "0" + min + "m";
var min2 = min + "m";
var sec1 = "0" + sec + "s";
var sec2 = sec + "s";
var col = ":";
min1.fontcolor("red");
min2.fontcolor("red");
sec1.fontcolor("red");
sec2.fontcolor("red");
col.fontcolor("red");
document.getElementById("time").innerHTML = (min < 10 ? min1 : min2) + col + (sec < 10 ? sec1 : sec2);
};
var sec = 0;
var min = 15;
handler();
setInterval(handler, 1000);
</script>