更改計時器的字體顏色加班

我找到了一個很好的示例來幫助我解釋我正在嘗試做什麼！更改計時器的字體顏色加班

「倒計時標籤每秒都會改變，隨着倒計時的進行，顏色逐漸從綠色變爲紅色。」

這是如何工作的？如果有人能以最簡單的方式請解釋，我會很感激！

我知道它必須使用JavaScript和使用innerHTML

我發現，調用它顯示變形方法和使用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 =

來源

2012-10-30 Tyler Zika

您的導師是否希望我們給您全部答案？ – Smandoli

@Smandoli不確定。我不想讓任何人給我全部答案，那我就不會學習！ :)我只是想讓別人告訴我我是否正朝着正確的方向前進。一旦獲得結果，我將很樂意發佈我的發現。 –

我不明白你爲什麼需要Ajax。你使用'innerHTML'來設置顯示的文本。使用'hoursElement.style.color = ...'來設置文本的顏色。 – nnnnnn

看起來像你正在更新時間顯示的方式。這裏有幾條附加提示可以幫助你：

Ajax不是必需的，只會使事情複雜化。看看setTimeout和Date，這應該足以滿足您的需求。
對於文本顏色，一旦var中有dom元素（例如timeContainer），您可以使用timeContainer.style.color = '#RRGGBB';更改內部文本的顏色。其中RR，GG，BB是紅色，綠色和紅色數量的十六進制數字藍色的文字。
如果您還不知道，請查看http://jsfiddle.net，這將幫助您快速設置並測試您的html和JavaScript，以查看它是否正常工作。

來源

2012-10-30 21:18:50 Briguy37

謝謝！非常豐富。我希望很快發佈解決方案...... –

更改計時器的字體顏色加班

回答

相關問題