如何创建从指定时长开始递增的SwiftUI Text计时器

你当前代码的问题在于：Text(timerInterval: start...end)的计时逻辑是从start时间点开始，累计当前时间与start的间隔。你把start设为当前时间+16秒，所以程序会等待16秒后才开始计时，且初始显示00:00，直到end时间点（start+16秒）时显示00:16，这和你的需求完全相反。

要实现从00:16开始递增到00:32的计时器，有两种简洁的实现方式：

方式一：基于原生Text计时器的自定义显示 #

利用原生计时器的时间同步能力，通过自定义闭包修改显示数值，直接叠加初始偏移量：

let now = Date.now
// 计时器总运行时长16秒（从16到32的时间差）
let endTime = Calendar.current.date(byAdding: .second, value: 16, to: now)!
// 初始显示的秒数偏移
let initialOffset = 16

Text(timerInterval: now...endTime, countsDown: false) { timeInterval in
    // 计算当前要显示的总秒数：原生计时器的间隔秒数 + 初始偏移
    let displaySeconds = timeInterval.components.second! + initialOffset
    // 格式化为MM:SS格式
    String(format: "%02d:%02d", displaySeconds / 60, displaySeconds % 60)
}

逻辑说明： #

• 以当前时间now作为计时器起点，endTime设为now+16秒，确保计时器立即启动
• 原生计时器会实时计算now到当前时间的间隔（从0开始递增），我们在显示时加上初始偏移16，让数值从16开始，最终到32时结束

方式二：自定义计时器（更灵活可控） #

如果需要更多自定义逻辑（比如暂停、重置），可以用Timer.Publisher实现完全可控的计时器：

import SwiftUI
import Combine

struct OffsetTimerView: View {
    // 初始显示16秒
    @State private var currentDisplaySeconds = 16
    // 计时器最大显示值
    private let maxSeconds = 32
    // 每秒触发一次的计时器
    private let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    
    var body: some View {
        Text(String(format: "%02d:%02d", currentDisplaySeconds / 60, currentDisplaySeconds % 60))
            .onReceive(timer) { _ in
                if currentDisplaySeconds < maxSeconds {
                    currentDisplaySeconds += 1
                } else {
                    // 达到目标值后停止计时器
                    timer.upstream.connect().cancel()
                }
            }
    }
}

逻辑说明： #

• 直接用@State变量控制显示数值，初始设为16
• 计时器每秒触发一次，数值递增1，直到达到32时停止计时器
• 这种方式可以轻松扩展暂停、重置等功能

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