javascript倒计时显示毫秒

我想做一个倒计时，并希望像Minutes：Seconds：Milliseconds一样显示格式。 我用jquery插件倒计时倒数，但它只显示Minutes：Seconds格式。 有没有办法让它成为正确的？ 非常感谢！

Answer 1

大家好我已经开发了一个代码供我自己使用以下代码计数器20秒

 var _STOP =0; var value=1999; function settimer() { var svalue = value.toString(); if(svalue.length == 3) svalue = '0'+svalue; else if(svalue.length == 2) svalue = '00'+svalue; else if(svalue.length == 1) svalue = '000'+svalue; else if(value == 0) svalue = '0000'; document.getElementById('cn1').innerHTML = svalue[0]; document.getElementById('cn2').innerHTML = svalue[1]; document.getElementById('cn3').innerHTML = svalue[2]; document.getElementById('cn4').innerHTML = svalue[3]; value--; if (_STOP==0 && value>=0) setTimeout("settimer();", 10); } setTimeout("settimer()", 10); 

Answer 2

试试这个： http ： //jsfiddle.net/aamir/TaHtz/76/

HTML：

JS：

 var el = document.getElementById('timer'); var milliSecondsTime = 10000; var timer; el.innerHTML = milliSecondsTime/1000; timer = setInterval(function(){ milliSecondsTime = milliSecondsTime - 1000; if(milliSecondsTime/1000 == 0) { clearTimeout(timer); el.innerHTML = 'BOOOOM'; } else { el.innerHTML = milliSecondsTime/1000; } },1000);​ 

Answer 3

如果你想制作自己的计时器。 读这个早先的问题
如何创建JQuery时钟/计时器

Answer 4

尝试设置格式参数 – http://keith-wood.name/countdownRef.html#format

进一步阅读，这个插件不会毫秒。 此时，您要么编辑实际的插件代码，要么找到新的插件。

Answer 5

我完全赞同@Matt Ball的评论。它也可能导致浏览器崩溃。

你为什么不试试这个解决方案呢？

jQuery 1分钟倒计时，毫秒和回调

Answer 6

我是这样做的（通用计数器从N到X（X> N））：

 var dynamicCounterAddNewValue = 20; var currentDynamicUpdater; function dynamicCounterForValueForControlUpdater(_updaterData) { _updaterData.from += dynamicCounterAddNewValue; if (_updaterData.from > _updaterData.to) { _updaterData.from = _updaterData.to; } _updaterData.c.html(_updaterData.from.toString()); if (_updaterData.from < _updaterData.to) { currentDynamicUpdater = setTimeout( dynamicCounterForValueForControlUpdater, 10, { c: _updaterData.c, from: _updaterData.from, to: _updaterData.to } ); } else { clearTimeout(currentDynamicUpdater); } return; } // _c -> jQuery object (div,span) // _from -> starting number // _to -> ending number function dynamicCounterForValueForControl(_c, _from, _to) { clearTimeout(currentDynamicUpdater); dynamicCounterForValueForControlUpdater( { c: _c, from: _from, to: _to } ); return; } 

编辑： 更新版本 （更灵活 – 一个接一个的N个元素 ）：

（input元素是用于使它们成为动态计数的元素数组 ）

 var dynamicCounterTimeout = 10; var currentDynamicUpdater; function odcArray(_odca) { this.odca = _odca; return; } function odc(_c, _from, _to) { this.c = _c; // $('#control_id') this.from = _from; // eg N this.to = _to; // eg M => (M >= N) var di = parseInt(_to / 45, 10); if (di < 1) { di = 1; } this.dynamicInc = di; return; } function dynamicCounterForValueForControlUpdater(_odca) { if ( _odca.odca === null || !_odca.odca.length ) { clearTimeout(currentDynamicUpdater); return; } var o = _odca.odca[0]; o.from += o.dynamicInc; if (o.from > o.to) { o.from = o.to; _odca.odca.shift(); // Remove first element } ochtml(o.from.toString()); currentDynamicUpdater = setTimeout( dynamicCounterForValueForControlUpdater, dynamicCounterTimeout, _odca ); return; } function dynamicCounterForValueForControl(_odca) { clearTimeout(currentDynamicUpdater); // SETUP all counters to default for (var i = 0; i < _odca.odca.length; i++) { _odca.odca[i].c.html(_odca.odca[i].from.toString()); } dynamicCounterForValueForControlUpdater( _odca ); return; }