[Flutter]倒计时和计时器

1.延迟执行

Future.delayed

利用Future.delayed可以在延迟一定时间后执行代码。这是实现延迟执行最简单的方式之一。

1. Future.delayed(Duration(seconds: 1), () {
2.   // 这里的代码会在1秒后执行
3.   print('This message is displayed after 1 second.');
4. });

复制代码

Timer

Timer类提供了更机动的方式来实现单次或重复的延迟执行。

1. // 单次延迟
2. Timer(Duration(seconds: 1), () {
3.   // 这里的代码会在1秒后执行
4.   print('This message is displayed after 1 second.');
5. });
7. // 重复执行
8. Timer.periodic(Duration(seconds: 1), (Timer t) {
9.   // 这里的代码会每1秒执行一次
10.   print('This message is displayed every 1 second.');
11. });

复制代码

AnimationController

在动画中，利用AnimationController可以在动画帧更新时执行代码，这可以用来实现延迟。

1. AnimationController controller = AnimationController(
2.   duration: Duration(seconds: 1),
3.   vsync: this, // 需要一个TickerProvider类型的vsync参数
4. );
6. controller.forward().then((_) {
7.   // 这里的代码会在动画结束后执行
8.   print('This message is displayed after the animation ends.');
9. });

复制代码

Future

如果你已经在处理Future，也可以通过.then()链式调用在Future完成后延迟执行代码。

1. someFuture().then((value) {
2.   // 做一些处理...
3. }).then((_) {
4.   // 这里的代码会紧接着前一个then执行后执行
5.   print('This message is displayed after the future completes.');
6. });

复制代码

利用async和await

联合利用async和await关键字，可以让你在异步函数中顺序执行代码块，看起来像是同步代码。

1. Future<void> delayedPrint() async {
2.   await Future.delayed(Duration(seconds: 1));
3.   print('This message is displayed after 1 second.');
4. }
6. delayedPrint();

复制代码

进一步封装一下

1. class Tools {
2.   // 延迟执行
3.   static void delayExecution(int second, void Function() callback) async {
4.     await Future.delayed(Duration(seconds: second));
5.     callback();
6.   }
7. }
9. Tools.delayExecution(3, () {
10.     print("execute");
11. });

复制代码

Isolates

当需要执行长时间运行的盘算使命时，可以利用Isolates来实现不阻塞主线程的延迟执行。这在Flutter中用于并行盘算或执行耗时使命。

1. import 'dart:isolate';
3. void longRunningTask(SendPort sendPort) {
4.   // 执行耗时任务
5.   sendPort.send(result);
6. }
8. void startIsolate() async {
9.   ReceivePort receivePort = ReceivePort();
10.   Isolate.spawn(longRunningTask, receivePort.sendPort);
12.   receivePort.listen((data) {
13.     // 获取到结果后执行的操作
14.   });
15. }

复制代码

在实际应用中，选择哪种方式取决于你的具体需求。对于简单的延迟执行，通常Future.delayed和Timer就足够利用。而对于涉及动画或者复杂异步流程的情况，则可能需要利用AnimationController或者联合async和await的方式。对于需要后台执行的长时间运利用命，则可能需要利用Isolate。
 
2.全局控制的倒计时

要创建一个全局定时器，可以通过单例模式封装一个定时器管理类。这个类可以提供启动、暂停、重启和关闭定时器的方法，而且确保定时完成后自动开释定时器资源。
以下是一个简单的全局定时器管理类示例：

1. import 'dart:async';
3. class GlobalTimer {
4.   static final GlobalTimer _instance = GlobalTimer._internal();
5.   Timer? _timer;
7.   factory GlobalTimer() {
8.     return _instance;
9.   }
11.   GlobalTimer._internal();
13.   void startTimer({
14.     required Duration delay,
15.     required VoidCallback action,
16.   }) {
17.     _timer?.cancel(); // 取消之前的计时器（如果存在）
18.     _timer = Timer(delay, () {
19.       action();
20.       // 计时器执行完成后释放资源
21.       _timer?.cancel();
22.       _timer = null;
23.     });
24.   }
26.   void pauseTimer() {
27.     if (_timer?.isActive ?? false) {
28.       _timer?.cancel();
29.     }
30.   }
32.   void resumeTimer({
33.     required Duration delay,
34.     required VoidCallback action,
35.   }) {
36.     pauseTimer(); // 先暂停计时器
37.     startTimer(delay: delay, action: action); // 重新开始计时器
38.   }
40.   void stopTimer() {
41.     _timer?.cancel();
42.     _timer = null;
43.   }
45.   bool isTimerActive() {
46.     return _timer?.isActive ?? false;
47.   }
48. }

复制代码

利用：

1. // 启动定时器
2. GlobalTimer().startTimer(
3.   delay: Duration(seconds: 5),
4.   action: () {
5.     print('Timer action executed after 5 seconds');
6.   },
7. );
9. // 暂停定时器
10. GlobalTimer().pauseTimer();
12. // 重启定时器
13. GlobalTimer().resumeTimer(
14.   delay: Duration(seconds: 5),
15.   action: () {
16.     print('Timer action executed after another 5 seconds');
17.   },
18. );
20. // 停止定时器
21. GlobalTimer().stopTimer();
23. // 检查定时器是否活跃
24. bool isActive = GlobalTimer().isTimerActive();

复制代码

这个类利用了单例模式，确保全局只有一个GlobalTimer实例。startTimer方法用于设置定时器，吸收延迟时间和要执行的动作。pauseTimer会暂停定时器，resumeTimer可以重启定时器，而stopTimer会停止定时器并开释资源。isTimerActive方法用于检查定时器是否在运行中。
这个类不是线程安全的，由于Dart自己是单线程的，但是如果你利用它在Flutter的Isolates（类似于线程）中，请确保你精确地管理状态。此外，如果你的应用需要更复杂的定时器调度，你可能需要思量其他的包或者解决方案。
 
3.全局控制的计时器

要创建一个全局可控的计时器，你可以利用单例模式并联合Stream和StreamController来实现计时器状态的全局订阅。这样，你可以在任何地方订阅计时器的变革，并实现回调更新。
以下是一个实现全局计时器的示例：

1. import 'dart:async';
3. class GlobalTimer {
4.   static final GlobalTimer _instance = GlobalTimer._internal();
5.   Timer? _timer;
6.   int _elapsedSeconds = 0;
7.   final StreamController<int> _streamController = StreamController<int>.broadcast();
9.   DateTime? _startTime;
11.   factory GlobalTimer() {
12.     return _instance;
13.   }
15.   GlobalTimer._internal();
17.   void startTimer() {
18.     if (_timer != null && _timer!.isActive) {
19.       // 如果计时器已经启动，则不做任何操作
20.       return;
21.     }
22.     _startTime = DateTime.now(); // 记录开始计时的时间戳
23.     _timer = Timer.periodic(Duration(seconds: 1), (Timer timer) {
24.       _elapsedSeconds++;
25.       _streamController.add(_elapsedSeconds); // 通过Stream通知订阅者
26.     });
27.   }
29.   void stopTimer() {
30.     _timer?.cancel();
31.     _timer = null;
32.     _elapsedSeconds = 0; // 重置累计时间
33.     _startTime = null;
34.   }
36.   int get elapsedSeconds => _elapsedSeconds;
38.   Stream<int> get timerStream => _streamController.stream;
40.   static String formatDuration(int totalSeconds) {
41.     int hours = totalSeconds ~/ 3600;
42.     int minutes = (totalSeconds % 3600) ~/ 60;
43.     int seconds = totalSeconds % 60;
45.     String hoursStr = (hours).toString().padLeft(2, '0');
46.     String minutesStr = (minutes).toString().padLeft(2, '0');
47.     String secondsStr = (seconds).toString().padLeft(2, '0');
49.     return "$hoursStr:$minutesStr:$secondsStr";
50.   }
52.   void dispose() {
53.     _streamController.close();
54.   }
55. }

复制代码

利用：

1. // 启动计时器
2. GlobalTimer().startTimer();
4. // 停止计时器
5. GlobalTimer().stopTimer();
7. // 获取当前累计计时时长
8. int seconds = GlobalTimer().elapsedSeconds;
10. // 格式化计时显示
11. String formattedTime = GlobalTimer.formatDuration(seconds);
13. // 订阅计时变化
14. GlobalTimer().timerStream.listen((int elapsedSeconds) {
15.   print('Timer updated: $elapsedSeconds seconds');
16.   // 更新页面等...
17. });
19. // 释放资源
20. GlobalTimer().dispose();

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。