Question

我有一个非常简单的计时器在DIV ID＆＃34; clear＆＃34;中工作，我希望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 (seconds >= 60) {
    seconds = 0;
    // check for minutes
    minutes++;
    if(minutes===1) ho1.style.color = "red";
    if(minutes===2)  ho1.style.color = "green";
}

Answer 2

使用jQuery和Switch-case：

window.scount = 0;

function changeColor() {
  switch (window.scount) {
    case 0:
        timer('white')
        break
    case 1:
       timer('red')
       timer()
       break
    case 2:
       timer('green')
       break
    default:
       console.log('end')
       break
  }
}

function timer(color) {
  $('#clear').css('background-color', color)
  setTimeout(changeColor, 1000);
  window.scount = window.scount + 1;
}
timer(black);

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

2 个答案: