Flutter中如何设置定时器？是否存在类似JavaScript的setInterval方法？

嗨，我刚好之前也折腾过Flutter里的定时任务实现，完全懂你想要替代JS里setInterval的需求！Flutter里确实有对应的实现方式，而且不止一种，我给你梳理两种最常用的：

1. 使用 Timer.periodic（最直接的替代方案） #

这是Flutter SDK自带的API，和setInterval的逻辑几乎一致，会按照指定的时间间隔重复执行任务。

代码示例： #

import 'dart:async';

void main() {
  // 创建一个每隔1秒执行一次的定时器
  Timer.periodic(const Duration(seconds: 1), (timer) {
    print('每隔1秒执行一次');
    
    // 可以在这里添加停止定时器的条件，比如执行5次后停止
    if (timer.tick >= 5) {
      timer.cancel();
      print('定时器已停止');
    }
  });
}

注意事项： #

• 记得在不需要的时候调用timer.cancel()，否则会一直运行，可能导致内存泄漏
• 如果任务涉及UI更新，要确保在主线程执行（Flutter默认的Timer就是在主线程，但如果是后台任务可能需要额外处理）

2. 使用 Stream.periodic（适合响应式场景） #

如果你用的是Flutter的响应式框架（比如Provider、Bloc），用Stream.periodic会更贴合数据流的逻辑，它会每隔指定时间发送一个事件，你可以监听这个流来执行任务。

代码示例： #

import 'dart:async';

void main() {
  // 创建一个每隔1秒发送一次事件的流
  final periodicStream = Stream.periodic(const Duration(seconds: 1), (count) => count);
  
  // 监听流
  final subscription = periodicStream.listen((count) {
    print('第${count+1}次执行');
    
    // 执行5次后取消监听
    if (count >= 4) {
      subscription.cancel();
      print('流监听已取消');
    }
  });
}

适用场景： #

• 当你需要把定时任务和UI状态绑定，比如实时更新倒计时、进度条等
• 配合StreamBuilder可以很方便地更新UI

额外提醒 #

如果你的定时任务需要在App后台也运行，那上面的方法可能不够用，因为Flutter的普通定时器在App进入后台后会被系统暂停。这种情况你需要用到专门的后台任务插件，但如果只是前台的定时需求，上面两种方法完全足够啦！

内容的提问来源于stack exchange，提问作者Michael