javascript - 更改计时器超时的字体颜色

Question

我找到了一个很好的例子来帮助我解释我正在尝试做的事情!

“倒计时标签每秒都在变化，随着倒计时的进行，颜色逐渐从绿色变为红色。”

这是如何运作的？如果有人能用最简单的方式解释一下，我将不胜感激!

我知道它必须使用JavaScript并使用innerHTML

我找到了一个称为显示变形并使用 AJAX 的链接。问题是我的导师从未告诉我我们必须使用 AJAX。 Display Morphing 是我想要做的事情的正确术语吗？

http://ajaxpatterns.org/archive/Display_Morphing.php

我使用这段代码的方向是否正确？我是否在“innerHTML =”之后放置某种类型的函数来告诉页面我希望如何/何时更改字体颜色？

var hoursElement = document.getElementById("hours");
        hoursElement.innerHTML = 
var minutesElement = document.getElementById("minutes");
        minutesElement.innerHTML = 
var secondsElement = document.getElementById("seconds");
        secondsElement.innerHTML = 

Answer 1

看来您正在更新时间显示。这里有一些额外的提示可以帮助您继续前进:

1. 不需要 Ajax，它只会使事情复杂化。查看 setTimeout 和 Date，这应该足以满足您的需要。
2. 对于文本颜色，一旦您在 var 中有一个 dom 元素(比如 timeContainer)，您就可以使用 timeContainer.style.color = '#RRGGBB' 更改内部文本的颜色; 其中 RR、GG、BB 是文本中红色、绿色和蓝色数量的十六进制数。
3. 如果您还不知道，请查看 http://jsfiddle.net ，这将帮助您快速设置和测试您的 html 和 JavaScript，看看它是否正常工作。