Die Beispiele in diesem Artikel teilen Ihnen den genauen Countdown -Effekt von Millisekunden für Ihre Referenz. Der spezifische Inhalt ist wie folgt
<! DocType html> <html> <head> <meta charset = "utf-8"> <meta name = "viewPort" content = "initial-scale = 1.0, minimum scale = 1.0, maximal scale = 1.0, user-scalable = no"> </title> </title> <style> div {widdth: 100%; Höhe: 50px; Randboden: 5px; Hintergrund: Yellowgreen; } </style> </head> <body> <h2> Countdown von Millisekunden </h2> <div id = "timer1"> </div> <div id = "timer2"> </div> <div id = "timer3"> </div> <div id = "timer4"> </div> <script> var addtimer = function () {var liste = [] </div> <script> var addtimer = function () {var liste = [] </div> <script> var addtimer = function () {var liste = [] </div> <script> var addtimer = function () {var liste = [] </div> <script; Rückgabefunktion (ID, Zeitstempel) {if (! intervall) {intervall = setInterval (go, 1); } list.push ({ele: document.getElementById (id), Zeit: timestamp}); } function go () {für (var i = 0; i <list.length; i ++) {list [i] .Ele.innerhtml = Changetimestamp (list [i] .time); if (! Liste [i] .Time) list.SPLICE (i--, 1); }} // In den Unix -Zeitstempel einfügen und den Countdown -Funktion Changetimestamp (Timestamp) {var distancetime = neuer Datum (Timestamp*1000) .GetTime () - New Date (). GetTime (); if (DistanzTime> 0) {// Wenn es größer als 0 ist, bedeutet dies, dass die Frist noch nicht erreicht wurde. var sec = math.floor (DistanzTime/1000%60); var min = math.floor (DistanzTime/1000/60%60); var hour = math.floor (DistanzTime/1000/60/60%24); if (ms <100) {ms = "0"+ ms; } if (Sec <10) {sec = "0"+ Sec; } if (min <10) {min = "0"+ min; } if (Hour <10) {Hour = "0"+ Stunde; } Return Hour + ":" + min + ":" + Sec + ":" + ms; } else {// Wenn nicht, bedeutet dies, dass die Frist die Endzeit erreicht hat. Zurück "Ende!" }}} (); Addtimer ("Timer1", 1451923200); // 00:00 am 5. Januar gehen Sie zu Baidu für Unix Timestamps und einige Addtimer ("Timer2", 1451926800); // 01:00 am 5. Januar Addtimer ("Timer3", 1451930400); Addtimer ("Timer4", 1452020400); // 03:00 am 6. Januar </script> </body> </html>Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.