如何在倒计时器javascript中显示毫秒数

我有一个javascript代码，从5分钟显示倒计时器。

这是代码

var mins var secs; function cd() { mins = 1 * m("05"); // change minutes here secs = 0 + s(":00"); // change seconds here (always add an additional second to your total) redo(); } function m(obj) { for(var i = 0; i < obj.length; i++) { if(obj.substring(i, i + 1) == ":") break; } return(obj.substring(0, i)); } function s(obj) { for(var i = 0; i < obj.length; i++) { if(obj.substring(i, i + 1) == ":") break; } return(obj.substring(i + 1, obj.length)); } function dis(mins,secs) { var disp; if(mins <= 9) { disp = " 0"; } else { disp = " "; } disp += mins + ":"; if(secs <= 9) { disp += "0" + secs; } else { disp += secs; } return(disp); } function redo() { secs--; if(secs == -1) { secs = 59; mins--; } var timerStr = dis(mins,secs); $("#countDownTimer").text(timerStr); // setup additional displays here. if((mins == 0) && (secs == 0)) { } else { cd = setTimeout("redo()",1); } } function init() { cd(); } window.onload = init; 

如何更改脚本以显示毫秒数

或者是否有任何简单的脚本来显示倒计时器，包括分钟：秒：毫秒

Answer 1

我重写了代码以包含毫秒。 还要确保setTimer设置正确。

 var mins var secs; var ms; function cd() { mins = 1 * m("05"); // change minutes here secs = 0 + s(":00"); // change seconds here (always add an additional second to your total) ms = 0 + ms(":00");//change millisecons here redo(); } function m(obj) { for(var i = 0; i < obj.length; i++) { if(obj.substring(i, i + 1) == ":") break; } return(obj.substring(0, i)); } function s(obj) { for(var i = 0; i < obj.length; i++) { if(obj.substring(i, i + 1) == ":") break; } return(obj.substring(i + 1, obj.length)); } function ms(obj) { for(var i = 0; i < obj.length; i++) { if(obj.substring(i, i + 1) == ":") break; } return(obj.substring(i + 1, obj.length)); } function dis(mins,secs,ms) { var disp; if(mins <= 9) { disp = " 0"; } else { disp = " "; } disp += mins + ":"; if(secs <= 9) { disp += "0" + secs; } else { disp += secs + ":"; } if(ms <= 9) { disp += "0" + ms; } else { disp += ms; } return(disp); } function redo() { ms--; if(ms == -1) { ms = 99; secs--; } if(secs == -1) { secs = 59; mins--; } var timerStr = dis(mins,secs,ms); document.getElementById('countdown_fld').innerText=timerStr; // setup additional displays here. if((mins == 0) && (secs == 0) && (ms == 0)) { } else { cd = setTimeout("redo()",10); //make sure to set the timer right } } function init() { cd(); } 

Answer 2

您使用参数1调用超时，这意味着每个计时器“事件”为1毫秒，但您在redo()函数中将该毫秒事件视为一整秒。

redo（）应该是：

 function redo() { s -= 0.001; // subtract 1 millisecond if (s < 0) { secs = 59.999; mins--; } } 

等等。 但是，鉴于每毫秒运行此代码会对浏览器造成相当大的负担，并且不会以精确的毫秒精度运行。 您应该做的是跟踪TIME - 当您开始倒计时时，使用Date（）对象记录当前系统时间，该对象具有毫秒精度。

以比毫秒（例如，每200ms / 0.2秒）更长的间隔调用重做（），然后从定时器的开始时间减去该点的系统时间。

Answer 3

如何使用其中一个jQuery倒计时插件 ，如http://keith-wood.name/countdown.html或http://code.google.com/p/jquery-countdown/ ？

---

经过进一步检查：

• jQuery 1分钟倒计时，毫秒和回调
• javascript倒计时显示毫秒