Flutter定时器、倒计时的快速上手及实战讲解

const timeout = const Duration(seconds: 5);
print('currentTime='+DateTime.now().toString());
Timer(timeout, () {
 //到时回调
 print('afterTimer='+DateTime.now().toString());
});

int count = 0;
const period = const Duration(seconds: 1);
print('currentTime='+DateTime.now().toString());
Timer.periodic(period, (timer) {
 //到时回调
 print('afterTimer='+DateTime.now().toString());
 count++;
 if (count >= 5) {
  //取消定时器，避免无限回调
  timer.cancel();
  timer = null;
 }
});

//时间格式化，根据总秒数转换为对应的 hh:mm:ss 格式
String constructTime(int seconds) {
 int hour = seconds ~/ 3600;
 int minute = seconds % 3600 ~/ 60;
 int second = seconds % 60;
 return formatTime(hour) + ":" + formatTime(minute) + ":" + formatTime(second);
}

//数字格式化，将 0~9 的时间转换为 00~09
String formatTime(int timeNum) {
 return timeNum < 10 ? "0" + timeNum.toString() : timeNum.toString();
}

//获取当期时间
var now = DateTime.now();
//获取 2 分钟的时间间隔
var twoHours = now.add(Duration(minutes: 2)).difference(now);
//获取总秒数，2 分钟为 120 秒
var seconds = twoHours.inSeconds;
//设置 1 秒回调一次
const period = const Duration(seconds: 1);
//打印一开始的时间格式，为 00:02:00
print(constructTime(seconds));
Timer.periodic(period, (timer) {
 //秒数减一，因为一秒回调一次
 seconds--;
 //打印减一后的时间
 print(constructTime(seconds));
 if (seconds == 0) {
  //倒计时秒数为0，取消定时器
  timer.cancel();
  timer = null;
 }
});

import 'dart:async';

import 'package:flutter/material.dart';

class Countdown extends StatefulWidget {
 @override
 _CountdownState createState() => _CountdownState();
}

class _CountdownState extends State {

 Timer _timer;
 int seconds;

 @override
 Widget build(BuildContext context) {
  return Center(
   child: Text(constructTime(seconds)),
  );
 }

 //时间格式化，根据总秒数转换为对应的 hh:mm:ss 格式
 String constructTime(int seconds) {
  int hour = seconds ~/ 3600;
  int minute = seconds % 3600 ~/ 60;
  int second = seconds % 60;
  return formatTime(hour) + ":" + formatTime(minute) + ":" + formatTime(second);
 }

 //数字格式化，将 0~9 的时间转换为 00~09
 String formatTime(int timeNum) {
  return timeNum < 10 ? "0" + timeNum.toString() : timeNum.toString();
 }

 @override
 void initState() {
  super.initState();
  //获取当期时间
  var now = DateTime.now();
  //获取 2 分钟的时间间隔
  var twoHours = now.add(Duration(minutes: 2)).difference(now);
  //获取总秒数，2 分钟为 120 秒
  seconds = twoHours.inSeconds;
  startTimer();
 }

 void startTimer() {
  //设置 1 秒回调一次
  const period = const Duration(seconds: 1);
  _timer = Timer.periodic(period, (timer) {
   //更新界面
   setState(() {
    //秒数减一，因为一秒回调一次
    seconds--;
   });
   if (seconds == 0) {
    //倒计时秒数为0，取消定时器
    cancelTimer();
   }
  });
 }

 void cancelTimer() {
  if (_timer != null) {
   _timer.cancel();
   _timer = null;
  }
 }

 @override
 void dispose() {
  super.dispose();
  cancelTimer();
 }
}