1010Code

Flutter 實現定時器功能

2022/09/22 Flutter

前言

本篇文將將教各位如何在 Flutter 透過 Timer 實現定時功能。

倒數指定時間後執行動作

以下範例倒數三秒後，執行{}內的程式碼，印出字串。

Timer(Duration(seconds: 3), () {
  print("This line is printed after 3 seconds");
});

定時重複事件

以下範例每五秒印出目前當下時間。

Timer.periodic(Duration(seconds: 5), (timer) {
  print(DateTime.now());
});

後記

Timer 的程式碼必須放在可執行區塊，以下範例寫在一個元件的建構子當中。僅會在第一次被執行時執行。

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  _MyAppState() {
    Timer _timer = new Timer(const Duration(milliseconds: 800), () {
      print("refresh!");
      setState(() {});
    });
  }
  @override
  void initState() {
    super.initState();
  }
  ...略
}

Reference

鼓勵持續創作，支持化讚為賞！透過下方的 Like 拍手👏，讓創作者獲得額外收入~
版主10在2020年首次開設YouTube頻道，嘗試拍攝程式教學。想要了解更多的朋友歡迎關注我的頻道，您的訂閱就是最大的支持～如果想學其他什麼內容也歡迎許願XD
https://www.youtube.com/channel/UCSNPCGvMYEV-yIXAVt3FA5A

Search

    Table of Contents