คุณจำเป็นต้องวัดเวลาอย่างเร่งด่วน คุณไม่มีอุปกรณ์พิเศษในมือ แต่ใช้นาฬิกาธรรมดาหรือ โทรศัพท์มือถืออึดอัด? เราขอแจ้งให้คุณทราบว่าตัวจับเวลาออนไลน์ซึ่งมีความแม่นยำสูงและใช้งานง่าย

ตัวจับเวลาออนไลน์เป็นสิ่งที่ขาดไม่ได้ในระหว่างการฝึกซ้อมกีฬา โดยผสมผสานงานต่างๆ เข้าด้วยกัน เมื่อเป็นสิ่งสำคัญที่จะไม่พลาดเวลา และเพียงเพื่อการวัดบันทึกส่วนตัว ตัวอย่างเช่น เป็นสิ่งสำคัญมากที่คุณจะต้องรู้ว่าคุณสามารถอ่านได้กี่หน้าในช่วงเวลาหนึ่ง พิมพ์ได้กี่ตัวอักษรต่อนาที หรือคุณสามารถผ่านรอบสำคัญในเกมได้เร็วแค่ไหน

ตัวจับเวลาออนไลน์สำหรับทุกรสนิยม

เว็บไซต์ของเรานำเสนอตัวจับเวลาที่มีทั้งการออกแบบที่กระชับและเป็นต้นฉบับ คุณสามารถขยายแอปพลิเคชั่นให้เต็มหน้าจอ ตกแต่งเดสก์ท็อปของคุณด้วยของโบราณหรือนาฬิกาทรายที่สวยงาม จรวด ระเบิด เทียนโรแมนติก ตัวจับเวลาทั้งหมดมีฟังก์ชันที่สะดวก การตั้งเวลาจะใช้เวลาเพียงไม่กี่วินาที

คุณสามารถใช้ตัวจับเวลาพร้อมเสียงได้โดยตรงบนเว็บไซต์ของเราโดยเปิดแอปพลิเคชันใด ๆ ที่คุณสนใจ ไม่ต้องเสียเวลาดาวน์โหลดโปรแกรม ทุกอย่างง่ายและรวดเร็วมาก! หากคุณมีการเชื่อมต่ออินเทอร์เน็ต คุณสามารถเปิดใช้งานตัวจับเวลาได้ฟรีทุกเมื่อที่คุณสะดวก

ตัวจับเวลาถอยหลังทำงานอย่างไร?

ตัวจับเวลาทั้งหมดที่นำเสนอในส่วนนี้มีการควบคุมที่ง่ายและสะดวกมาก ระบุช่วงเวลาที่คุณต้องการ กด "เริ่มต้น" จากนั้นตัวจับเวลาจะเริ่มทำงาน!

โดยปกติแล้ว เครื่องดนตรีแต่ละเครื่องจะมีสามหน้าต่าง หน้าต่างแรกหมายถึงชั่วโมง หน้าต่างที่สองหมายถึงนาที และหน้าต่างที่สามหมายถึงวินาที หากจำเป็น คุณสามารถใช้ฟังก์ชัน "หยุดชั่วคราว" หรือยกเลิกงานทั้งหมดได้

ต้องการเลือกตัวจับเวลาที่ดีที่สุดหรือไม่? ให้ความสำคัญกับการให้คะแนนและบทวิจารณ์ของผู้ใช้ หลังจากใช้ตัวจับเวลาแล้ว อย่าลังเลที่จะแบ่งปันความคิดเห็นของคุณกับผู้อื่น!

บ่อยครั้งที่คุณต้องตั้งเวลาตามเวลาที่กำหนด ตัวอย่างเช่น คุณเล่นกีฬาและต้องตั้งเวลาไว้ 5 นาทีจึงจะออกกำลังกายได้ หรือคุณกำลังต้มไข่แข็งและต้องใช้เวลาสิบนาที เพื่อแก้ไขปัญหานี้ ให้ใช้ตัวจับเวลาของเรา ใช้นาฬิกาจับเวลาออนไลน์พร้อมเสียงเพื่อนับถอยหลัง 1 นาทีในระหว่างการฝึกซ้อม ตามความต้องการในครัวเรือน และเพื่อวัตถุประสงค์อื่นใด คุณสามารถใช้งานได้ทันทีหรือลงไปที่หน้าซึ่งมีคำแนะนำการใช้งาน

30 วินาที 1 นาที 2 นาที 3 นาที

5 นาที 10 นาที 15 นาที 30 นาที

ชั่วโมง 0 — +

นาที 0 — +

วินาที 30 — +

เสียง:

รีเซ็ตเริ่ม

คำแนะนำสำหรับการใช้งาน

คุณสามารถกำหนดเวลาที่แน่นอนได้ เช่น:

• จับเวลา 10 นาที
• จับเวลา 1 นาที;
• จับเวลา 2 นาที

รายการนี้ยังมีตัวเลือกสำหรับ 15 นาที 20 นาที และ 3 นาที

หากต้องการตั้งเวลานี้ ให้ใช้ปุ่มที่ใช้เขียนเวลานี้ ตัวอย่างเช่น หากต้องการตั้งเวลาสามสิบนาที ให้คลิกที่ปุ่มที่เขียนว่า "30 นาที" หลังจากนั้นให้คลิกปุ่ม "เริ่ม" หากคุณต้องการเวลาอื่น เพียงตั้งค่าโดยการกดปุ่ม "+" และ "-" ถัดจากช่องที่เกี่ยวข้อง (ชั่วโมง นาที และวินาที) คุณสามารถตั้งเวลาใดก็ได้ โดยอาจเป็นหนึ่งหรือสองนาที หรือส่วนใดส่วนหนึ่งมีความยาวเพียงหนึ่งวินาที

เมื่อสิ้นสุดการนับถอยหลัง คุณจะได้ยินเสียง คุณสามารถปิดการใช้งานได้โดยคลิกที่สวิตช์ที่เกี่ยวข้อง ปุ่มรีเซ็ตจะล้างทุกช่อง

เราได้จัดทำตัวจับเวลาที่สะดวกที่สุดที่คุณสามารถตั้งเวลาได้ 5, 20 นาที หรือเวลาอื่น ๆ หากคุณมีข้อเสนอแนะในการปรับปรุง เขียนแล้วเราจะนำไปพิจารณา

นาฬิกาจับเวลาออนไลน์

ชั่วโมง 0 — +

นาที 0 — +

วินาที 0 — +

รีเซ็ตเริ่ม

หากคุณต้องการเพียงนาฬิกาจับเวลา เพื่อการฝึกอบรมหรือวัตถุประสงค์อื่น เราก็ให้โอกาสนี้แก่คุณเช่นกัน มันใช้งานง่ายมาก - กดปุ่ม "Start" จากนั้นการนับถอยหลังจะเริ่มขึ้น ปุ่มหยุดชั่วคราวจะหยุดการนับถอยหลังชั่วคราว และปุ่มรีเซ็ตจะรีเซ็ตเวลา คุณยังสามารถเริ่มนับจากช่วงเวลาใดก็ได้ ไม่ใช่แค่จาก 0 วินาที

ใช้นาฬิกาจับเวลาของเรา - เราได้ทำทุกอย่างที่เป็นไปได้เพื่อให้งานของคุณสะดวกสบาย

อุปกรณ์ทันสมัยได้รับการออกแบบมาเพื่อให้ชีวิตง่ายขึ้นมาก - และตัวจับเวลาออนไลน์เป็นหนึ่งในอุปกรณ์ที่มีประโยชน์สะดวกและใช้งานได้มากที่สุด มันจะช่วยให้คุณนับช่วงเวลา อย่าลืมทำงานให้เสร็จ และแบ่งงานและตารางการพักผ่อนอย่างมีเหตุผล ตัวจับเวลาออนไลน์ของเราฟรี 100% ใช้งานง่าย ใช้งานได้จริง - ตรงตามความต้องการของคุณ

7 สถานการณ์เมื่อนาฬิกาจับเวลาถอยหลังจะช่วยได้

เราสร้างตัวจับเวลาออนไลน์เพื่อการคำนวณที่แม่นยำที่สุดเมื่อคุณต้องการให้ตรงตามระยะเวลาที่กำหนดและไม่เสียเวลาแม้แต่วินาทีเดียว ตัวจับเวลาบนไซต์จะมีประโยชน์หากคุณกำหนดเวลา:

• เมื่อเตรียมอาหารตามสูตร
• เมื่อเล่นกีฬาให้ฝึกให้มากเท่าที่จำเป็น
• สำหรับการทำงานกับคอมพิวเตอร์ - ทำงาน 1 ชั่วโมง 15 นาทีดีต่อดวงตา พักผ่อน;
• เพื่อไม่ให้ไปประชุมสำคัญ นัดเรียน รถเมล์สาย;
• เพื่อความบันเทิง - ค้นหาว่าคุณทำได้ใน 1 นาทีหรือไม่ แต่งตัว อ่าน 200 คำ สร้างหอคอย LEGO เดินขึ้นบันได 10 ชั้น ฯลฯ
• เพื่อการบริหารเวลาและการวางแผนงานในระหว่างวันอย่างมีประสิทธิภาพ
• เมื่อต้องการให้อาหารลูก ให้กินยา ฉีดยา

ตัวจับเวลาออนไลน์แบบเต็มหน้าจอสะดวกกว่ามาก แอปพลิเคชันมือถือ- หน้าเว็บโหลดเร็วและแบตเตอรี่สมาร์ทโฟนที่หมดจะไม่เป็นปัญหา

ประวัติตัวจับเวลา

น่าแปลกที่ตัวจับเวลาตัวแรกปรากฏในประเทศจีนโบราณเมื่อกว่า 2.5 พันปีก่อน มันเป็นแท่งที่ทำจากเรซินและขี้เลื่อยซึ่งจุดไฟที่ปลายด้านหนึ่งมีน้ำหนักอยู่ที่ปลายอีกด้านหนึ่ง - เมื่อด้ายยึดไหม้หมดก็มีเสียงกริ่ง ในเวลาเดียวกัน เพลโตในกรีซได้คิดค้นระบบอะนาล็อกเพื่อเชิญชวนนักเรียนมาเรียนบทเรียน เลโอนาร์โด ดา วินชีก็ทำงานเกี่ยวกับการพัฒนาที่คล้ายกันเช่นกัน

อันดับแรก ตัวจับเวลาเชิงกลปรากฏในช่วงกลางทศวรรษที่ 1800 โดยเป็นนาฬิกาปลุกแบบดั้งเดิมที่ใช้อยู่ในปัจจุบันซึ่งตั้งเข็มให้ตรงกับเวลาที่ต้องการ ในตอนท้ายของศตวรรษที่ 20 ตัวจับเวลาอิเล็กทรอนิกส์ปรากฏขึ้น - อุปกรณ์ที่แม่นยำที่สุดที่ใช้ในสมาร์ทโฟนในปัจจุบัน

คำแนะนำทีละขั้นตอน: วิธีใช้ตัวจับเวลา?

เครื่องจับเวลาแบบอิเล็กทรอนิกส์พร้อมเสียงจะเป็นประโยชน์กับคนงาน แม่บ้าน นักกีฬา นักเรียนทุกคน - ผู้ที่ต้องการติดตามเวลาและไม่ลืมงานสำคัญ ตัวจับเวลาของเรานั้นใช้งานง่ายและสะดวกมากในการสังเกต คำแนะนำทีละขั้นตอน:

1. กด "Start" เพื่อตรวจสอบประเภทสัญญาณและระดับเสียงในตัวจับเวลารีเซ็ต
2. เลือกช่วงเวลาเหนือตัวนับ - ช่วงตั้งแต่ 1 นาทีถึง 1 ชั่วโมง คุณสามารถเพิ่มเวลาได้ในคลิกเดียว
3. หากคุณต้องการระบุช่วงเวลาอื่น ให้คลิกปุ่ม "+" และป้อนข้อมูลด้วยตนเอง - คุณสามารถเพิ่มคำอธิบายได้
4. กด "Start" และตัวจับเวลาออนไลน์จะเริ่มนับถอยหลัง หลังจากหมดเวลาแล้วสัญญาณเสียงจะดังขึ้น
5. หากต้องการหยุดการนับถอยหลังก่อนเวลาและรีเซ็ตเป็นศูนย์ ให้คลิก "รีเซ็ต"
6. หากคุณต้องการให้ตัวจับเวลาทำงานอย่างเงียบ ๆ ให้คลิกที่ไอคอนที่เกี่ยวข้องทางด้านขวาของปุ่ม "เริ่ม"

ตัวจับเวลาออนไลน์สามารถหยุดได้โดยไม่ต้องรีเซ็ตผลลัพธ์ ให้ใช้ปุ่ม "หยุด" เพื่อดำเนินการนับถอยหลังต่อโดยกด "เริ่ม"

ตัวจับเวลาที่ฟรี ใช้งานได้จริง และแม่นยำของเราพร้อมอินเทอร์เฟซที่เรียบง่าย เปรียบเสมือนสวรรค์สำหรับผู้ที่ต้องการใช้ทุกนาทีอย่างมีเหตุผลและตรงต่อเวลาอยู่เสมอ บุ๊กมาร์กหน้าไว้เพื่อให้อยู่ใกล้มือเสมอ - เมื่อคุณต้องการนับเวลาถอยหลัง ตัวจับเวลาจะช่วยได้อย่างแน่นอน

มันเกิดขึ้นว่าคุณต้องการบางสิ่งบางอย่าง จับเวลาถอยหลังมีวิธีแก้ไขปัญหามากมายบนอินเทอร์เน็ต แต่วิธีแก้ปัญหาเหล่านี้ยุ่งยากมากหรือต้องอาศัยไลบรารีอื่น วันนี้เราจะมาดูกัน วิธีสร้างตัวจับเวลาถอยหลังใน javascript ด้วยโค้ด 18 บรรทัด.

วางแผน

• คำนวณเวลาที่เหลือ

กำหนดวันที่สิ้นสุดที่ถูกต้อง

ก่อนอื่นคุณต้องติดตั้ง วันที่ถูกต้องการสำเร็จการศึกษา. นี่จะเป็นสตริงในรูปแบบใดๆ ที่เข้าใจ วันที่.แยกวิเคราะห์()วิธี. ตัวอย่างเช่น:

กำหนดเวลา Var = "31-12-2558";

รูปแบบสั้น

กำหนดเวลา Var = "31/12/2015";

หรือรูปแบบยาว

กำหนดเวลา Var = "31 ธันวาคม 2558";

แต่ละรูปแบบเหล่านี้ช่วยให้คุณสามารถตั้งเวลาที่แน่นอน (เป็นชั่วโมง นาที วินาที) และเขตเวลาได้ ตัวอย่างเช่น:

กำหนดเวลา Var = "31 ธันวาคม 2558 23:59:59 GMT+02:00";

คำนวณเวลาที่เหลือ

ฟังก์ชั่น getTimeRemaining(เวลาสิ้นสุด)(
var t = Date.parse(เวลาสิ้นสุด) - Date.parse(วันที่ใหม่());
var วินาที = Math.floor((t/1000) % 60);
var นาที = Math.floor((t/1000/60) % 60);
var ชั่วโมง = Math.floor((t/(1000*60*60)) % 24);
var วัน = Math.floor(t/(1000*60*60*24));
กลับ (
"ทั้งหมด": ที,
"วัน": วัน
"ชั่วโมง": ชั่วโมง
"นาที": นาที
"วินาที": วินาที
};
}

ขั้นแรกเราสร้างตัวแปร ทีเพื่อเก็บเวลาที่เหลืออยู่ วันที่.แยกวิเคราะห์()วิธีการนี้มีอยู่ในตัว จาวาสคริปต์และให้คุณแปลงสตริงตามเวลาเป็นค่าเป็นมิลลิวินาที นี่จะทำให้เราสามารถลบครั้งหนึ่งจากอีกอันหนึ่งและหาผลต่างระหว่างพวกมันได้

Var t = Date.parse(เวลาสิ้นสุด) - Date.parse(วันที่ใหม่());

แปลงวันที่เป็นรูปแบบที่สะดวก

ตอนนี้เราต้องการแปลงมิลลิวินาทีให้เป็นวัน ชั่วโมง นาที และวินาที ลองใช้วินาทีเป็นตัวอย่าง:

Var วินาที = Math.floor((t/1000) % 60);

เรามาดูกันว่าเกิดอะไรขึ้นที่นี่

• หารมิลลิวินาทีด้วย 1,000 เพื่อแปลงเป็นวินาที
• หารจำนวนวินาทีทั้งหมดด้วย 60 และเก็บส่วนที่เหลือไว้ คุณไม่จำเป็นต้องใช้เวลาทั้งหมด แค่นับวินาทีที่เหลือหลังจากนาทีที่แล้วเท่านั้น
• ปัดเศษลงให้เป็นจำนวนเต็มที่ใกล้ที่สุดเพราะคุณต้องการวินาทีเต็ม ไม่ใช่เศษส่วน

ทำซ้ำตรรกะนี้เพื่อแปลงมิลลิวินาทีเป็นนาที ชั่วโมง และวัน

ข้อมูลตัวจับเวลาเอาท์พุตเป็นวัตถุที่นำมาใช้ซ้ำได้

เมื่อชั่วโมง นาที และวินาทีพร้อมแล้ว เราจำเป็นต้องส่งคืนเป็นวัตถุที่นำมาใช้ซ้ำได้

กลับ (
"ทั้งหมด": ที,
"วัน": วัน
"ชั่วโมง": ชั่วโมง
"นาที": นาที
"วินาที": วินาที
};

ออบเจ็กต์นี้ช่วยให้คุณสามารถเรียกใช้ฟังก์ชันและรับค่าที่คำนวณได้ นี่คือตัวอย่างวิธีที่คุณสามารถรับนาทีที่เหลือ:

GetTimeRemaining (กำหนดเวลา) นาที

สะดวกใช่ไหม?

แสดงนาฬิกาบนหน้าและหยุดเมื่อถึงศูนย์

ตอนนี้เรามีฟังก์ชันที่ส่งคืนวัน ชั่วโมง นาที และวินาทีที่เหลือให้เรา เราสามารถสร้างตัวจับเวลาของเราได้ ขั้นแรก ให้สร้างสิ่งต่อไปนี้ htmlโครงสร้างนาฬิกา:

จากนั้นจึงเขียนฟังก์ชันที่จะแสดงข้อมูลภายในของเรา div"ก:

ฟังก์ชั่น InitializeClock(id, เวลาสิ้นสุด)(
นาฬิกา var = document.getElementById(id);
var ช่วงเวลา = setInterval(function())(


" +
"ชั่วโมง: "+ t.ชั่วโมง + "
" +
"นาที: " + t.นาที + "
" +
"วินาที:" + t.วินาที;

}
},1000);
}

ฟังก์ชันนี้รับพารามิเตอร์สองตัว: รหัสองค์ประกอบที่จะมีนาฬิกาของเราและเวลาสิ้นสุดของตัวนับ ภายในฟังก์ชันเราจะประกาศตัวแปร นาฬิกาและเราจะใช้มันเพื่อเก็บข้อมูลอ้างอิงถึงบล็อกนาฬิกาของเรา ดังนั้นเราจึงไม่ต้องถาม ดอม.

• คำนวณเวลาที่เหลืออยู่
• แสดงเวลาที่เหลืออยู่ในตัวเรา กอง
• หากเวลาที่เหลืออยู่ = 0 ให้หยุดนาฬิกา

สิ่งเดียวที่เหลืออยู่คือการเริ่มนาฬิกาดังนี้:

InitializeClock("clockdiv", กำหนดเวลา);

ยินดีด้วย! ตอนนี้คุณมี ตัวจับเวลาถอยหลังอย่างง่ายด้วยโค้ดจาวาสคริปต์เพียง 18 บรรทัด.

เตรียมนาฬิกาของคุณเพื่อการแสดงผล

ก่อนที่จะจัดแต่งทรงผมเราจะต้องปรับแต่งบางสิ่งเล็กน้อย

• ลบการหน่วงเวลาเริ่มต้นออกเพื่อให้ตัวจับเวลาปรากฏขึ้นทันที
• ทำให้สคริปต์นาฬิกามีประสิทธิภาพมากขึ้น เพื่อที่คุณจะได้ไม่ต้องสร้างนาฬิกาใหม่ทั้งหมดอย่างต่อเนื่อง
• เพิ่มศูนย์ตามต้องการ

การลบความล่าช้าเริ่มต้น

ในนาฬิกาที่เราใช้ ตั้งค่าช่วงเวลาเพื่อรีเฟรชจอแสดงผลทุกวินาที ส่วนใหญ่มักเป็นเรื่องปกติ ยกเว้นในช่วงเริ่มต้นซึ่งมีความล่าช้า 1 วินาที เพื่อแก้ไขปัญหานี้ เราจำเป็นต้องอัปเดตนาฬิกาอีกครั้งก่อนหน้านี้ ตั้งค่าช่วงเวลาเริ่มต้น

เมื่อต้องการทำเช่นนี้ เรามาย้ายฟังก์ชันที่ไม่ระบุตัวตนที่เราส่งต่อไปกันดีกว่า ตั้งค่าช่วงเวลา(อันที่อัพเดตนาฬิกาทุก ๆ วินาที) ให้เป็นฟังก์ชันแยกต่างหากซึ่งเราจะเรียกว่า อัพเดตนาฬิกา- เรียกใช้ฟังก์ชันนี้เมื่ออยู่ภายนอก ตั้งค่าช่วงเวลาแล้วเรียกเธอเข้ามาอีกครั้ง ตั้งค่าช่วงเวลา- วิธีนี้นาฬิกาจะแสดงโดยไม่ชักช้า

ในตัวคุณ จาวาสคริปต์แทนที่สิ่งนี้:

ช่วงเวลา Var = setInterval(function())( ... ),1000);

ฟังก์ชั่น updateClock()
var t = getTimeRemaining (เวลาสิ้นสุด);
clock.innerHTML = "วัน: " + t.วัน + "
" +
"ชั่วโมง: "+ t.ชั่วโมง + "
" +
"นาที: " + t.นาที + "
" +
"วินาที:" + t.วินาที;
ถ้า (t.total clearInterval (ช่วงเวลา);
}
}

อัพเดตนาฬิกา(); // รันฟังก์ชันหนึ่งครั้งเพื่อหลีกเลี่ยงความล่าช้า
var ช่วงเวลา = setInterval (updateClock, 1,000);

ทำให้สคริปต์มีประสิทธิภาพมากขึ้น

เพื่อให้สคริปต์มีประสิทธิภาพมากขึ้น เราจำเป็นต้องอัปเดตนาฬิกาไม่ใช่ทั้งหมด แต่อัปเดตเฉพาะตัวเลขเท่านั้น ในการดำเนินการนี้ ให้ใส่แต่ละหมายเลขในแท็ก ช่วงและเราจะอัปเดตเฉพาะเนื้อหานี้เท่านั้น

ที่นี่ html:

Var daysSpan = clock.querySelector(".วัน");
var hoursSpan = clock.querySelector(".hours");
var minutesSpan = clock.querySelector(".นาที");
var วินาที Span = clock.querySelector(".seconds");

ฟังก์ชั่น updateClock()
var t = getTimeRemaining (เวลาสิ้นสุด);

DaysSpan.innerHTML = t.วัน;
hourSpan.innerHTML = t.ชั่วโมง;
minutesSpan.innerHTML = t.นาที;
วินาที Span.innerHTML = t.วินาที;

...
}

การบวกเลขศูนย์นำหน้า

หากคุณต้องการเลขศูนย์นำหน้า คุณสามารถแทนที่โค้ดได้ดังนี้:

SecondsSpan.innerHTML = t.วินาที;

แบบนี้:

SecondsSpan.innerHTML = ("0" + t.seconds).slice(-2);

บทสรุป

เราได้พิจารณาแล้ว วิธีสร้างตัวจับเวลาถอยหลังอย่างง่ายด้วย javascript- สิ่งที่คุณต้องทำคือเพิ่มสไตล์ ขอบคุณสำหรับความสนใจของคุณ!

สวัสดีเพื่อนรัก ในบทความก่อนหน้านี้ ฉันได้พูดคุยกันว่าควรใช้ (หรือที่เรียกว่าตัวจับเวลานับถอยหลัง) บนหน้า Landing Page ของคุณหรือไม่ ดังนั้น หากคุณคิดว่าจำเป็น วันนี้ฉันจะบอกวิธีเชื่อมต่อกับหน้า Landing Page ของคุณ

เราจะพูดถึงหลายตัวเลือก ในกรณีหนึ่งมันจะเป็นสคริปต์ตัวนับถอยหลังที่จะวนซ้ำทุก 24 ชั่วโมง นั่นคือคุณจะสามารถทำการเลื่อนตำแหน่งได้ ตัวอย่างเช่น: “จนถึงสิ้นวัน -” และตัวจับเวลาจะแสดงเวลาที่เหลือจนกว่าจะสิ้นสุดวัน หลังจากผ่านไปหนึ่งวัน ตัวจับเวลาจะรีสตาร์ทและเริ่มนับอีกครั้ง

และในอีกเวอร์ชันฉันจะเล่าให้คุณฟัง บริการออนไลน์ซึ่งช่วยให้คุณเชื่อมต่อเครื่องนับถอยหลังได้ แต่ในที่นี้สันนิษฐานว่ามิเตอร์ได้รับการออกแบบมาเป็นระยะเวลานาน ตัวอย่างเช่น คุณวางแผนที่จะเปิดเว็บไซต์ในหนึ่งเดือน และตอนนี้คุณได้สร้างต้นขั้วดังนี้:

สามารถนำมาใช้ได้หลากหลาย เช่น หากโปรโมชั่นเป็นแบบครั้งเดียวและออกแบบมาเป็นระยะเวลานานแล้ว การเชื่อมต่อออนไลน์ทำกำไรได้มากขึ้น เนื่องจากคุณจะต้องเพิ่มโค้ดเพียงบรรทัดเดียวในตำแหน่งที่ถูกต้อง โดยทั่วไป ให้เลือกตัวเลือกที่เหมาะสมสำหรับคุณ ขึ้นอยู่กับวัตถุประสงค์ มาเริ่มกันเลย...

ตัวนับถอยหลังพร้อมรีสตาร์ท

ดังนั้นตัวนับถอยหลังที่จะรีสตาร์ทหลังจากผ่านไปหนึ่งวัน ได้รับการพัฒนาโดยช่างฝีมือที่มีบล็อก mywpnote.ru ฉันเจอบล็อกนี้เมื่อประมาณหกเดือนที่แล้ว และมันช่วยฉันได้มากในเวลานั้น วันนี้ฉันอยากจะบอกคุณเกี่ยวกับหนึ่งในเมตรที่เขาพัฒนาและอธิบายวิธีเชื่อมต่อ

ตัวจับเวลามีลักษณะดังนี้:

ดาวน์โหลดแหล่งที่มาและในไฟล์เก็บถาวรคุณจะเห็น 4 โฟลเดอร์ที่มีชื่อ vid1, vid2, vid3, vid4 - อยู่ในนั้น ประเภทต่างๆการออกแบบตัวจับเวลา คุณสามารถเห็นทุกสิ่งและเลือกสิ่งที่คุณชอบ วิธีการเชื่อมต่อจะเหมือนกันสำหรับทุกคน

ฉันจะแสดงในวันที่ 4 เนื่องจากสำหรับฉันแล้วดูเหมือนว่าเป็นสากลที่สุด เราเปิด vid4 และเห็นชุดโฟลเดอร์มาตรฐานสำหรับแหล่งที่มาส่วนใหญ่บนเครือข่าย (ไฟล์ดัชนี โฟลเดอร์พร้อมสไตล์ชีท โฟลเดอร์พร้อมรูปภาพ และโฟลเดอร์พร้อมสคริปต์) ฉันเปลี่ยนโครงสร้างไฟล์เล็กน้อยเพื่อให้ผู้เริ่มต้นเชื่อมต่อตัวนับได้ง่ายขึ้น นั่นคือฉันย้ายสคริปต์ตัวจับเวลาไปยังไฟล์อื่น แต่ก่อนที่จะอยู่ในไฟล์ดัชนี

วิธีเชื่อมต่อสคริปต์ตัวนับถอยหลังกับหน้า Landing Page ของคุณ

เปิด index.html ด้วยโปรแกรมแก้ไขใดก็ได้ (ฉันใช้ sublime3) และดูโค้ดต่อไปนี้

จากที่นี่ คุณจะต้องคัดลอกการเชื่อมต่อของสไตล์ชีทและสคริปต์ (บรรทัดที่ 7 และ 8) ลงในโปรเจ็กต์ของคุณ

และในตำแหน่งที่คุณต้องการวางตัวจับเวลา คุณต้องเพิ่มแท็ก div ด้วยคลาส "countbox" – บรรทัดที่ 13 รหัสวางการเชื่อมต่อตัวจับเวลาหลายตัวโดยเฉพาะเพื่อให้ชัดเจนว่าสามารถใช้งานได้หลายครั้งบนเพจ สคริปต์จำนวนมากมีปัญหาในเรื่องนี้ และครั้งที่สองที่พวกเขาไม่ต้องการแสดงบนหน้าจอ

ตอนนี้คุณเพียงแค่ต้องคัดลอกโฟลเดอร์ img, css และ js รวมถึงเนื้อหาลงในโปรเจ็กต์ของคุณ แค่นี้เอง! ตัวนับถอยหลังจะทำงาน! อย่างที่คุณเห็นจะใช้เวลาสูงสุด 5 นาทีและองค์ประกอบที่สำคัญดังกล่าวจะปรากฏบนไซต์ของคุณ หากคุณมีคำถามใด ๆ เขียนความคิดเห็น ฉันจะช่วยคุณเชื่อมต่อมิเตอร์อย่างแน่นอน!

เคาน์เตอร์นับถอยหลังออนไลน์

สำหรับผู้ที่ต้องการตัวนับถอยหลังประเภทอื่นตามที่กล่าวไว้ในตอนต้นของบทความ มีบริการที่มีวิธีการเชื่อมต่อที่ง่ายดายอย่างเหลือเชื่อ สิ่งที่คุณต้องทำคือไปที่เว็บไซต์ www.timegenerator.ru และเลือกหนึ่งในตัวจับเวลาที่เสนอ