ในหลาย ๆ ไซต์ คุณสามารถดูตัวจับเวลานับถอยหลังจนกว่าเหตุการณ์ใดเหตุการณ์หนึ่งจะเกิดขึ้น นี่อาจเป็นเวลาสิ้นสุดของส่วนลดหรือเวลาที่เหลือจนถึงปีใหม่ ตัวจับเวลาดังกล่าวเป็นการเคลื่อนไหวโฆษณาที่ยอดเยี่ยมซึ่งกระตุ้นกิจกรรมของผู้ซื้อ / ซัพพลายเออร์รวมถึงความหลากหลายเชิงโต้ตอบที่ดีสำหรับไซต์
จำเป็น
สคริปต์จับเวลาถอยหลัง
คำแนะนำ
ขั้นตอนที่ 1
หากต้องการตั้งเวลาดังกล่าวบนเว็บไซต์ของคุณ ก่อนอื่นให้ดาวน์โหลดสคริปต์ตัวจับเวลาถอยหลัง จากนั้นกำหนดค่าพารามิเตอร์สองตัวในนั้น: วันที่นับถอยหลังและคำจารึกที่เกี่ยวข้องที่จะแสดงเมื่อถึงวันที่นี้
ขั้นตอนที่ 2
เมื่อเปิดไฟล์เก็บถาวรที่ดาวน์โหลด คุณจะพบ 2 ไฟล์: ไฟล์หนึ่งมีสคริปต์ countdown.js และอีกไฟล์หนึ่งทำหน้าที่เป็นตัวอย่างของหน้าเว็บที่จะเชื่อมต่อสคริปต์นี้ - index.html ขั้นแรก แยกไฟล์ออกจากไฟล์เก็บถาวร
ขั้นตอนที่ 3
ใช้ Notepad เพื่อแก้ไขไฟล์สคริปต์ หากต้องการเปิดไฟล์ที่ระบุใน Notepad ให้คลิกขวาที่ไฟล์นั้น ในเมนูที่ปรากฏขึ้น เลือกรายการ "เปิด" จากนั้นเลือก "ด้วย - แผ่นจดบันทึก"
ขั้นตอนที่ 4
แก้ไขบรรทัดแรกที่ต้นไฟล์: var eventsstr = "Happy New Year!" คำจารึกนี้จะแสดงเมื่อสิ้นสุดการนับถอยหลัง บรรทัดที่สองที่มีวันที่นับถอยหลังอยู่ที่ส่วนท้ายของไฟล์และมีลักษณะดังนี้: CountDowndmn (2011, 1, 1) ในรูปแบบปี เดือน วัน
ขั้นตอนที่ 5
แก้ไขส่วนย่อยของสคริปต์ซึ่งอยู่ที่ส่วนท้ายของไฟล์ด้วย โดยอยู่เหนือวันที่นับถอยหลังเล็กน้อย: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin +" " + dminstr + "และ" + dsec + " + dsecstr
ขั้นตอนที่ 6
บันทึกไฟล์ผลลัพธ์และวางไว้ในไดเร็กทอรีที่เป็นที่ตั้งของหน้าไซต์ของคุณ ซึ่งจะวางตัวจับเวลาไว้ กล่าวคือ ไฟล์เพจตัวจับเวลาและไฟล์สคริปต์ต้องอยู่ในไดเร็กทอรีเดียวกัน
ขั้นตอนที่ 7
ถัดไป ในที่ที่สะดวกในการวางตัวจับเวลา ในโค้ดของเพจของคุณ ให้ใส่ 2 บรรทัด:
DIV "ศูนย์" ID = "นับถอยหลัง">
ขั้นตอนที่ 8
บรรทัดแรกรับผิดชอบคำสั่งเพื่อส่งออกตัวจับเวลา ประการที่สองคือการเชื่อมต่อสคริปต์ที่สร้างขึ้น
ขั้นตอนที่ 9
ตรวจสอบว่าตัวจับเวลาทำงาน หากทุกอย่างถูกต้องคุณจะเห็นการนับถอยหลังในตำแหน่งที่ถูกต้องบนหน้าเว็บไซต์ของคุณ