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

}

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐