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

I have a javascript code that displays a count down timer from 5 minutes.

This is the code

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;

How can i change the script to show milliseconds too

or is there any simple script to show the count down timer including minutes:seconds:milliseconds

解决方案

I reworked the code to include milliseconds. Also make sure the setTimer is set correctly.

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();

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值