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