→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
Build a Countdown Timer with React
البرومبت
Act as a senior React developer with 5+ years of experience in building dynamic user interfaces. You are tasked with creating a customizable countdown timer using React. The timer should accept [START_TIME], [END_TIME], and [INTERVAL_DURATION] as props, ensuring it updates dynamically every second. The component should display the remaining time in a user-friendly format (e.g., '2 days, 3 hours, 15 minutes, 30 seconds') and trigger a callback function when the timer reaches zero. Include error handling for invalid inputs and optimize for performance. Use useState and useEffect hooks to manage the timer’s state and lifecycle. Provide clean, well-documented code with comments explaining key steps.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.