มาดูเอฟเฟกต์การนับถอยหลัง:
รหัส:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> ฟังก์ชั่นการนับถอยหลัง </title> <script> var timer = (ฟังก์ชั่น () {ฟังก์ชั่น return (json) {if (json.currenttime) เดือน = now.getMonth () +1; // ส่งคืนเดือน (0-11, ดังนั้น +1) var day = now.getDate (); // ส่งคืนวันที่แน่นอน (1-31) var h = ตอนนี้ getHours (); // ชั่วโมงกลับ (0-23) var m = now.getMinutes () // เติมเต็ม o m = m <10? '0'+m: m; s = s <10? '0'+s: s; '+h+': '+m+': '+s; ชั่วโมงต่อวันหนึ่งชั่วโมง, 60 นาที, หนึ่งนาที, 60 วินาที d = parseint (lefttime/3600/24); document.getElementById (json.objid) .innerhtml = d+"วัน"+h+"ชั่วโมง"+m+"นาที"+s+"วินาที"; ถ้า (lefttime> 0) {settimeout (ฟังก์ชัน () {ตัวจับเวลา (json)}, 1000);}}}}}}}) objid: 'thistime'}) ตัวจับเวลา ({objid: 'การนับถอยหลัง', endtime: "2016/9/1,18: 00"})} </script> </head> <body> <b> เวลาปัจจุบัน: </b> <span id = "ในเวลานี้ id = "นับถอยหลัง"> </span> </body> </html>บันทึก:
1. มีสองฟังก์ชั่น: เวลาปัจจุบันและการนับถอยหลังและพารามิเตอร์ที่แตกต่างกัน
2. ส่วนใหญ่ใช้ข้อมูลที่ส่งคืนโดย JS ให้ความสนใจกับเดือน, วันชั่วโมง, นาทีและช่วงเวลามูลค่าคืน
3. ฉันใช้อาร์เรย์ในการดำเนินการในสัปดาห์นี้
4. การนับถอยหลังส่วนใหญ่คำนวณความแตกต่างของเวลาลบจำนวนวินาทีของเวลาปัจจุบันและดำเนินการคำนวณทางคณิตศาสตร์
5. การปิดใช้ที่นี่เพื่อป้องกันไม่ให้ตัวจับเวลาหลายตัวขัดแย้งกัน
6. รหัสที่นี่ค่อนข้างเข้าใจง่าย ผู้คนที่ยอดเยี่ยมสามารถเปลี่ยนเป็นปลั๊กอินได้ ฉันหวังว่าจะแบ่งปัน
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น