1

我找到了一个很好的例子来帮助我解释我想要做什么！

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

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

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

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

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 =
4

1 回答 1

0

看起来您正在更新时间显示。这里有一些额外的提示可以帮助你：

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