如何使用00:00时间格式修复Javascript秒表?(秒:毫秒)

如何使用00:00时间格式修复Javascript秒表?(秒:毫秒),javascript,function,innerhtml,stopwatch,Javascript,Function,Innerhtml,Stopwatch,有没有办法让这个来运行秒表?我不需要任何开始或停止按钮,它应该只是运行一个秒表时,页面加载和秒表需要继续运行 我已经完成了所有其他工作,但是我找不到一个使用00:00格式的秒表函数。有没有这样的命令 “d.getSeconds()”并不是为我做的 新日期(); var testVar=window.setInterval(更新,10); 函数更新(){ var d=新日期(); document.getElementById(“秒”).innerHTML=d.getSeconds(); } #

有没有办法让这个来运行秒表?我不需要任何开始或停止按钮,它应该只是运行一个秒表时,页面加载和秒表需要继续运行

我已经完成了所有其他工作,但是我找不到一个使用00:00格式的秒表函数。有没有这样的命令

“d.getSeconds()”并不是为我做的

新日期();
var testVar=window.setInterval(更新,10);
函数更新(){
var d=新日期();
document.getElementById(“秒”).innerHTML=d.getSeconds();
}
#秒{
背景颜色:黄色;
最大宽度:17%;
}

秒表
秒表
运行时间:

您可以使用,以及一些数学公式来格式化秒表:

window.setInterval(更新,1000);
函数更新(){
var d=新日期();
var minutes=Math.floor(d.getSeconds()/60)
var seconds=d.getSeconds()%60
var time=`${minutes.toString().padStart(2,'0')}:${seconds.toString().padStart(2,'0')}`
document.getElementById(“秒”).innerHTML=时间
}
秒表
运行时间:


按您的操作方式,秒表可以以任意随机数启动(因为它以当前秒启动)。我建议你在下面做你自己的但是,如果您不想自己制作,请查看第二个或第三个片段。

var testVar=window.setInterval(更新,10);
var秒=0;
var毫秒=1;
函数更新(){
如果(毫秒==100){
毫秒=0;
秒++;
}
如果(毫秒<10和秒<10){
document.getElementById(“秒”).innerHTML=
“0”+秒+”:0”+毫秒;
}
else if(毫秒<10&&seconds>=10){
document.getElementById(“秒”).innerHTML=
秒+“:0”+毫秒;
}
否则,如果(毫秒>=0&&s<10){
document.getElementById(“秒”).innerHTML=
“0”+秒+”:“+毫秒;
}
否则,如果(毫秒>=0和秒>=10){
document.getElementById(“秒”).innerHTML=
秒+“:”+毫秒;
}
毫秒++;
}
#秒{
背景颜色:黄色;
最大宽度:17%;
}

秒表
秒表
运行时间:


00:00

这里有一些代码可以将其分解并正确格式化

注意:我们有一个基础的“开始”日期要减去,这允许我们像真正的秒表一样工作

let base=Date.now();//毫秒
var testVar=window.setInterval(更新,10);
const displayNum=(num)=>num.toString().padStart(2,'0');
函数更新(){
设mil=Date.now()-base;
let sec=数学地板(密耳/1000);
密耳=密耳%1000;
最小值=数学楼层(第60节);
秒=秒%60;
document.getElementById(“seconds”).innerHTML=`${displayNum(min)}:${displayNum(sec)}:${displayNum(mil)}`;
}
#秒{
背景颜色:黄色;
最大宽度:17%;
}

秒表
秒表
运行时间:


有没有办法用“秒”、“毫秒”来实现这一点?我试着玩你的代码,但它只给了我(示例)55.996。其中55将在几秒钟内上升,而毫秒只会改变“6”。99会留在那里。@JohnDoee我很肯定会的。我马上就去做now@JohnDoee我将这两个代码段更新为秒:Milliseconds@JohnDoee它对你不起作用的原因是1。它每秒钟更新一次,所以毫秒不会改变。您需要更改
窗口。setInterval()
。2.毫秒给了你3位数,因为毫秒就是这样。我必须除以10才能得到2位数谢谢。我没想到。但是在看过你的代码之后,它是有意义的。