javascript - 在javascript计时器中更改字体颜色

Question

我有一个非常简单的计时器在 DIV ID“clear”中工作，我希望 div 的字体颜色准确地在一分钟标记处发生变化，并在 2 分钟标记处再次发生变化。这似乎是可能的，但我想不通。

var ho1 = document.getElementsByTagName('ho1')[0],
clear = document.getElementById('clear'),
seconds = 0, minutes = 0, hours = 0,
t;

function add() {
seconds++;
if (seconds >= 60) {
    seconds = 0;
    minutes++;
}

ho1.textContent = (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);

timer();
}
function timer() {
t = setTimeout(add, 1000);
}
timer();

谁能帮帮我？颜色在 DIV 的样式中定义。

Answer 1

HoeInside 你检查 seconds

的 if 条件

if (seconds >= 60) {
    seconds = 0;
    // check for minutes
    minutes++;
    if(minutes===1) ho1.style.color = "red";
    if(minutes===2)  ho1.style.color = "green";
}