Flutter Timer.periodic 5秒与5000毫秒定时器运行速度不一致问题

云上老周

2026-9-27

定时器计时不一致问题原因及解决方案

问题根因

Timer.periodic是基于Dart事件循环调度的软定时器，无法保证回调严格按照设定的间隔触发，尤其是间隔小于16ms的定时器，受平台事件循环最小调度粒度（通常为10~16ms，和系统屏幕刷新帧率对齐）限制，实际触发间隔会远大于设定的1ms。
计时逻辑存在设计缺陷：你依赖定时器回调的次数来扣减剩余时间，触发频率不足就会直接导致计时变慢。你设置的1ms间隔定时器要触发5000次才会结束，按实际最小触发间隔10ms计算，5000次最少需要50秒才能跑完，自然比只需要触发5次的1秒间隔定时器慢得多。
另外你贴出的代码存在语法错误，Duration的构造参数需要包裹在括号内，正确写法为Duration(seconds: 1)。

修复方案

不要通过回调次数累加计算时长，改为记录启动时间戳，每次回调时用当前时间戳减去启动时间戳得到已过时长，再计算剩余时间，这种方式的计时精度只和系统时钟有关，不受定时器调度间隔影响。
示例代码如下：

int totalSec = 5;
int totalMilSec = 5000;
int timeLeftSec = 5;
int timeLeftMilSec = 5000;
DateTime? startTimeSec;
DateTime? startTimeMil;

onPressed: (){
  // 秒级定时器
  startTimeSec = DateTime.now();
  Timer.periodic(const Duration(seconds: 1), (timer){
    final passed = DateTime.now().difference(startTimeSec!).inSeconds;
    if(passed < totalSec){
      timeLeftSec = totalSec - passed;
    }else{
      timeLeftSec = 0;
      timer.cancel();
    }
  });

  // 毫秒级定时器
  startTimeMil = DateTime.now();
  Timer.periodic(const Duration(milliseconds: 10), (timer){
    final passed = DateTime.now().difference(startTimeMil!).inMilliseconds;
    if(passed < totalMilSec){
      timeLeftMilSec = totalMilSec - passed;
    }else{
      timeLeftMilSec = 0;
      timer.cancel();
    }
  });
}