في هذا المقال سنقدّم لك طريقة بسيطة وفعالة لعرض أكواد تفعيل أي تطبيق أو خدمة بعد انتهاء عداد تنازلي، بدون الحاجة لتعديل القالب أو استخدام أدوات خارجية. الفكرة تعتمد على كود HTML وJavaScript جاهز يمكنك نسخه ولصقه مباشرة داخل مقالتك على بلوجر أو أي منصة تدوين أخرى.
هذا الأسلوب مفيد لأصحاب المدونات الذين يرغبون في حماية المحتوى أو تنظيم عملية عرض الأكواد، خاصة إذا كانت تحتوي على بيانات حساسة مثل أسماء المستخدمين أو كلمات السر المؤقتة.
كل ما عليك هو نسخ الكود المرفق وتعديله بما يناسبك، مثل:
-
تغيير العنوان
-
التحكم في مدة العداد
-
استبدال الأكواد الظاهرة بأكواد التفعيل الحقيقية
لنبدأ الآن بشرح الكود وطريقة استخدامه...
✅ مميزات الكود
-
مناسب لعرض أكواد تفعيل التطبيقات أو الروابط المخفية بعد انتظار.
-
يمنع المستخدم من تخطي العد التنازلي.
-
لا يحتاج إلى مكتبات خارجية (يعمل بجافاسكربت فقط).
-
يمكن وضعه عدة مرات في نفس الصفحة مع تعديل بسيط.
-
يعطي مظهر احترافي للمقال أو صفحة التحميل.
📝 شرح الكود
-
عند الضغط على زر "عرض الأكواد"، يبدأ عداد تنازلي مدته 30 ثانية.
-
خلال هذه الفترة، يتم تعطيل الزر ويظهر نص يقول "الرجاء الانتظار".
-
بعد انتهاء العداد، يتم إخفاء النص وظهور صندوق الأكواد تلقائيًا.
-
الكود يعمل باستخدام JavaScript ويظهر الأكواد داخل
<div>بشكل أنيق.
✏️ عناصر قابلة للتعديل
| العنصر | الوصف |
|---|---|
| اسم التطبيق | بدل النقاط ........... باسم التطبيق الفعلي مثل (Netflix، Amazon Prime...). |
| مدة الانتظار | يمكنك تعديل الرقم 30 إلى أي قيمة أخرى داخل السطر let timeLeft = 30;. |
| الأكواد داخل الصندوق | عدل بيانات الأكواد الوهمية إلى البيانات الحقيقية التي تود عرضها. |
⚙️ الكود المستخدم
أنقر هنا لتحميل ( زر عرض الأكواد بعد فترة زمنية ):
أنقر على الزر لعرض أكواد زر عرض الأكواد بعد فترة زمنية :
💻فيديو توضيحي
شاهد هذا الفيديو لمعرفة المزيد عن طريقة عرض أكواد خاصة بعد عداد تنازلي:
تعليقات
إرسال تعليق