Livewire

Building a Countdown Timer with Livewire v4

February 01, 2026 1 min read 17 views

Build a countdown timer.

Component

@php
new class extends Livewire\Component {
    public int $seconds = 60;
    public bool $running = false;
    
    public function start(): void
    {
        $this->running = true;
    }
    
    public function tick(): void
    {
        if ($this->running && $this->seconds > 0) {
            $this->seconds--;
        }
        if ($this->seconds === 0) {
            $this->running = false;
        }
    }
}
@endphp

{{ gmdate('i:s', $seconds) }}
Share this post:

Related Posts

Comments (0)

Please log in to leave a comment. Log in

No comments yet. Be the first to comment!