#mytime{
background: #bbb;
color: #fff;
display: block;
}
.wrapper{
text-align: center;
width: 60%;
margin: 250px auto;
}
显示时间
stop
start
reset
var h=m=s=ms= 0; //定义时,分,秒,毫秒并初始化为0;
var time=0;
function timer(){ //定义计时函数
ms=ms+50; //毫秒
if(ms>=1000){
ms=0;
s=s+1; //秒
}
if(s>=60){
s=0;
m=m+1; //分钟
}
if(m>=60){
m=0;
h=h+1; //小时
}
str =toDub(h)+"时"+toDub(m)+"分"+toDub(s)+"秒"+toDubms(ms)+"毫秒";
mytime = document.getElementById('mytime');
mytime.innerHTML = str;
// document.getElementById('mytime').innerHTML=h+"时"+m+"分"+s+"秒"+ms+"毫秒";
}
function reset(){ //重置
clearInterval(time);
h=m=s=ms=0;
document.getElementById('mytime').innerHTML="00时00分00秒0000毫秒";
}
function start(){ //开始
time=setInterval(timer,50);
}
function stop(){ //暂停
clearInterval(time);
}
function toDub(n){ //补0操作
if(n<10){
return "0"+n;
}
else {
return ""+n;
}
}
function toDubms(n){ //给毫秒补0操作
if(n<10){
return "00"+n;
}
else {
return "0"+n;
}
}
今天用JS做了一个计时器的功能,但是有一个问题,就是,这个计时器会闪烁,实在是很伤脑筋,暂时还没想到如何解决这个问题,先留个坑吧。