时间戳

首页 > 解决方案 > Flutter + Firebase - 计算剩余时间

firebase - Flutter + Firebase - 计算剩余时间

问题描述

我正在尝试计算从将帖子添加到数据库时剩下的时间。我希望多个设备看到相同的倒数计时器。

round {
  seconds: 5,
  time: 1619971281887 (ServerValue.timstamp)
}

并使用以下代码计算剩余时间。此代码改编自如何在 Firebase 中实现分布式倒数计时器中的代码

databaseReference.child(code).child("round").onValue.listen((event) {
    var seconds = event.snapshot.value['seconds'];
    var startAt = event.snapshot.value['time'];
    Timer.periodic(new Duration(seconds: 1), (timer) {
      var timeLeft = (seconds * 1000) -
          ((DateTime.now().millisecondsSinceEpoch -
              startAt -
              serverTimeOffset));
      print("Seconds");
      print(seconds * 1000);
      print("Time Now");
      print(DateTime.now().millisecondsSinceEpoch);
      print("Start At");
      print(startAt);
      print("Offset");
      print(serverTimeOffset);
      print("Time Left");
      print(timeLeft);
      if (timeLeft < 0) {
        timer.cancel();
      } else {
        var show = (timeLeft / 1000).floor();
        var per = (timeLeft % 1000);
        //print(show);
        //print(per);
      }
    });
  });

为了查看上面的代码是否正常工作，我添加了几个打印调用。问题是 startAt 出于某种原因不断更新自己。不知道为什么会这样。如果有人能提供一些启示，将不胜感激。

控制台的一些输出如下：

flutter: Start At
flutter: 1619982194189
flutter: Time Left
flutter: 10506.6201171875
flutter: Start At
flutter: 1619982193226
flutter: Time Left
flutter: 9315.6201171875

标签： firebaseflutterfirebase-realtime-database

解决方案

如果您onValue 被多次调用，则意味着数据库中的值正在更新。您共享的代码不会发生任何此类更新，因此我建议您在其余代码中搜索此类写入。

您还应该能够通过查看 Firebase 控制台中的节点来查看更新。这使您可以准确地看到更新发生的时间，并且可能更容易找到 source.ce

最后，如果您不关心更新，您可以使用once()onValue 来仅从数据库中获取一次值。

推荐阅读