Los ejemplos en este artículo comparten con usted el efecto de cuenta regresiva preciso de milisegundos para su referencia. El contenido específico es el siguiente
<! DOCTYPE HTML> <html> <HEAD> <meta charset = "utf-8"> <meta name = "viewport" content = "inicial-escala = 1.0, mínimo-escala = 1.0, máxima escala = 1.0, user-scalable = no"> <title> </title> <style> div {width: 100%; Altura: 50px; margen de fondo: 5px; Antecedentes: Yellowgreen; } </style> </head> <body> <h2> Countdown of MilliseConds </h2> <div id = "Timer1"> </iv> <div ID = "Timer2"> </iv> <dividi = "Timer3"> </div> <Div Id = "Timer4"> </iv> <script> var addtimer = function () {var list = [[], interval. Función de retorno (id, timestamp) {if (! interval) {interval = setInterval (go, 1); } list.push ({ele: document.getElementById (id), tiempo: timestamp}); } function go () {for (var i = 0; i <list.length; i ++) {list [i] .ele.innerhtml = changeTimestamp (list [i] .time); if (! list [i] .time) list.splice (i--, 1); }} // Pegue en una marca de tiempo UNIX y obtenga la función de cuenta regresiva ChangeTiMestamp (timestamp) {var distancETime = new date (timestamp*1000) .getTime () - new date (). Gettime (); if (distancetime> 0) {// Si es mayor que 0, significa que la fecha límite aún no se ha alcanzado var ms = math.floor (distancetime%1000); var sec = Math.floor (distancetime/1000%60); var min = math.floor (distancetime/1000/60%60); var hora = math.floor (distancetime/1000/60/60%24); if (ms <100) {ms = "0"+ ms; } if (sec <10) {Sec = "0"+ Sec; } if (min <10) {min = "0"+ min; } if (hora <10) {hora = "0"+ hora; } Hora de retorno + ":" + min + ":" + sec + ":" + ms; } else {// Si no, significa que la fecha límite ha alcanzado la hora final. Regrese "¡Fin!" }}} (); addTimer ("Timer1", 1451923200); // 00:00 el 5 de enero, vaya a Baidu para las marcas de tiempo UNIX, y algunos AddTimer ("Timer2", 1451926800); // 01:00 el 5 de enero AddTimer ("Timer3", 1451930400); // 02:00 en enero 5 de enero 5 de enero 5 de enero 5 de enero. AddTimer ("Timer4", 1452020400); // 03:00 el 6 de enero </script> </body> </html>Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.