كيف تصنع جهاز توقيت

جدول المحتويات:

كيف تصنع جهاز توقيت
كيف تصنع جهاز توقيت

فيديو: كيف تصنع جهاز توقيت

فيديو: كيف تصنع جهاز توقيت
فيديو: كيف تصنع جهاز انذار يعمل بالليزر | How to make a laser light security alarm | modhesh tv 2024, أبريل
Anonim

في العديد من المواقع ، يمكنك رؤية عداد الوقت يقوم بالعد التنازلي حتى وقوع حدث معين. يمكن أن يكون هذا هو وقت انتهاء الخصومات أو الوقت المتبقي حتى العام الجديد. هذه الموقتات هي خطوة إعلانية رائعة تحفز نشاط المشترين / الموردين ، بالإضافة إلى مجموعة متنوعة تفاعلية جيدة للموقع.

كيف تصنع جهاز توقيت
كيف تصنع جهاز توقيت

ضروري

سيناريو للعد التنازلي

تعليمات

الخطوة 1

لتعيين مثل هذا المؤقت على موقع الويب الخاص بك ، قم أولاً بتنزيل البرنامج النصي لعداد العد التنازلي. ثم قم بتكوين معلمتين فيه: تاريخ العد التنازلي والنقش المقابل الذي سيظهر عندما يأتي هذا التاريخ.

الخطوة 2

عند فتح الأرشيف الذي تم تنزيله ، ستجد ملفين: أحدهما يحتوي على البرنامج النصي countdown.js ، والآخر يعمل كمثال للصفحة التي سيتم توصيل هذا البرنامج النصي بها - index.html. أولاً ، قم باستخراج الملفات من الأرشيف.

الخطوه 3

استخدم المفكرة لتحرير ملف البرنامج النصي. لفتح الملف المحدد في برنامج Notepad ، انقر بزر الماوس الأيمن فوقه. في القائمة التي تظهر ، حدد العنصر "فتح" ، ثم حدد "مع - المفكرة".

الخطوة 4

قم بتحرير السطر الأول في بداية الملف: var eventstr = "Happy New Year!". سيتم عرض هذا النقش في نهاية العد التنازلي. يقع السطر الثاني مع تاريخ العد التنازلي في نهاية الملف ويبدو كالتالي: CountDowndmn (2011 ، 1 ، 1) بتنسيق السنة والشهر واليوم.

الخطوة الخامسة

قم بتحرير جزء البرنامج النصي ، الموجود أيضًا في نهاية الملف ، أعلى قليلاً من تاريخ العد التنازلي: countdownid.innerHTML = "+ dday +" "+ ddaystr +"، "+ dhour +" "+ dhourstr +"، "+ dmin + " + dminstr + "و" + dsec + " + dsecstr.

الخطوة 6

احفظ الملف الناتج وضعه في الدليل حيث توجد صفحة موقعك ، حيث سيتم وضع عداد الوقت. بمعنى آخر ، يجب أن يكون ملف صفحة المؤقت وملف البرنامج النصي في نفس الدليل.

الخطوة 7

بعد ذلك ، في مكان مناسب لوضع المؤقت ، في كود صفحتك ، ضع سطرين:

DIV "center" ID = "countdown">.

الخطوة 8

السطر الأول مسؤول عن الأمر لإخراج المؤقت. والثاني هو توصيل النص الذي تم إنشاؤه.

الخطوة 9

تحقق من أن عداد الوقت الخاص بك يعمل. إذا تم كل شيء بشكل صحيح ، فسترى العد التنازلي في المكان الصحيح على صفحة موقعك.

موصى به: