GWT 中的倒计时时钟

Question

我想在 GWT 中创建一个倒计时时钟，但我找不到等待一秒钟的正确函数。我尝试使用 Thread.Sleep() 但我认为这是出于另一个目的。 你能帮助我吗？这是我的代码。

    int count=45;

    RootPanel.get("countdownLabelContainer").add(countdown);
    for(int i=count; i>=0; i--)
    {
        countdown.setText(Integer.toString(i));
        // Place here the wait-for-one-second function
    }

Answer 1

尝试一下 Timer (请参见此处）。

将示例代码快速更改为接近您想要的内容，但您会希望根据您的目的对其进行增强：

public class TimerExample implements EntryPoint, ClickListener {
  int count = 45;

  public void onModuleLoad() {
    Button b = new Button("Click to start Clock Updating");
    b.addClickListener(this);
    RootPanel.get().add(b);
  }

  public void onClick(Widget sender) {
    // Create a new timer that updates the countdown every second.
    Timer t = new Timer() {
      public void run() {
        countdown.setText(Integer.toString(count));
        count--;
      }
    };

    // Schedule the timer to run once every second, 1000 ms.
    t.schedule(1000);
  }
}

这听起来像是您正在寻找的一般区域中的内容。请注意，您可以使用timer.cancel() 来停止计时器。您需要将其与您的计数联系起来（当 45 达到 0 时）。

Answer 2

下面的代码片段显示了计时器的使用也有效。它展示了如何正确安排计时器以及如何取消它。

 // Create a new timer that updates the countdown every second.
    Timer t = new Timer() {
        int count = 60; //60 seconds
      public void run() {
        countdown.setText("Time remaining: " + Integer.toString(count) + "s.");
        count--;
        if(count==0) {
            countdown.setText("Time is up!");
            this.cancel(); //cancel the timer -- important!
        }
      }
    };

    // Schedule the timer to run once every second, 1000 ms.
    t.scheduleRepeating(1000); //scheduleRepeating(), not just schedule().