1

私がやろうとしていることを説明するのに役立つ素晴らしい例を見つけました!

"カウントダウン ラベルは 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 は不要であり、事態を複雑にするだけです。setTimeoutとを調べてくださいDate。必要なものにはこれで十分です。
  2. テキストの色については、var に dom 要素があると (たとえばtimeContainer)、内部テキストの色を変更できますtimeContainer.style.color = '#RRGGBB';。RR、GG、BB は、テキスト内の赤、緑、青の量の 16 進数です。
  3. まだわからない場合は、http://jsfiddle.netをチェックしてください。これは、html と JavaScript をすばやくセットアップしてテストし、動作するかどうかを確認するのに役立ちます。
于 2012-10-30T21:18:50.550 に答える