I want to add a simple countdown like this. How could I pause this timer with another button?

struct ContentView: View {
    @State var timeRemaining = 10
    let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()

    var body: some View {
        Text("\(timeRemaining)")
            .onReceive(timer) { _ in
                if self.timeRemaining > 0 {
                    self.timeRemaining -= 1
                }
            }
    }
}

You could look at HWS+ Creating completely custom buttons using PrimitiveButtonStyle give you a button that when pressed again cancel action

make this struct

import Combine
import SwiftUI

struct CancellableButtonStyle: PrimitiveButtonStyle {
    private struct CancellableButton: View {
        @State private var timerSubscription: Cancellable?
        @State private var timer = Timer.publish(every: 1, on: .main, in: .common)
        @State private var countDown = 0

        let configuration: Configuration
        let timeOut: Int

        var body: some View {
            Button(action: {
                if self.timerSubscription == nil {
                    self.timer = Timer.publish(every: 1, on: .main, in: .common)
                    self.timerSubscription = self.timer.connect()
                    self.countDown = self.timeOut
                } else {
                    self.cancelTimer()
                }
            }) {
                if timerSubscription == nil {
                    configuration.label

                } else {
                    Text("Cancel? \(countDown)")
                }
            }
            .buttonStyle(ExampleButtonStyle(backgroundColor: timerSubscription == nil ? .blue : .red))
            .onReceive(timer) { _ in
                if self.countDown > 1 {
                    self.countDown -= 1
                } else {
                    self.configuration.trigger()
                    self.cancelTimer()
                }
            }
        }

        func cancelTimer() {
            timerSubscription?.cancel()
            timerSubscription = nil
        }
    }

    var timeOut = 3 // set this number of second before action will take place

    func makeBody(configuration: Configuration) -> some View {
        CancellableButton(configuration: configuration, timeOut: timeOut)
    }
}

then you can add this to your Button

Button(action: {
    print("Pressed")
}) {
    Text("Cancellable")
}
.buttonStyle(CancellableButtonStyle())
.padding()

Thanks that works now :) @Hatsushira

Is there also a way to make it a pause button? So that I can create a seperate button to continue the timer