محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لايف واير

بناء مؤقت عد تنازلي مع Livewire v4

أنشئ مكون مؤقت عد تنازلي.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون

ابنِ مؤقت عد تنازلي.

المكون

php
@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

<div wire:poll.1s="tick">
    <span>{{ gmdate('i:s', $seconds) }}</span>
    <button wire:click="start">بدء</button>
</div>
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة