html简单的时分秒计时器,js简单时分秒计时器（转载）

00时

00分

00秒

开始

暂停

重置

// 初始值

var h=m=s=0;

var init;

function timers(){

s=s+1;

if(s>=60){

s=00;

m=m+1

}

if(m>=60){

m=00;

h=h+1;

}

// input value 表现

document.getElementById('timetext').value= `${h<10?('0'+h):h}时${m<10?('0'+m):m}分${s<10?('0'+s):s}秒`;

// 标签 表现

document.getElementById('_h').innerHTML=`${h<10?('0' + h):h}时`

document.getElementById('_m').innerHTML=`${m<10?('0' + m):m}分`

document.getElementById('_s').innerHTML=`${s<10?('0' + s):s}秒`

}

// 开始计时器

function start(){

init = setInterval(timers,1000)

}

// 重置计时器

function Reset(){

window.clearInterval(init)

h=m=s=0;

document.getElementById('timetext').value= "00时00分00秒";

document.getElementById('_h').innerHTML='00时'

document.getElementById('_m').innerHTML='00分'

document.getElementById('_s').innerHTML='00秒'

}

// 暂停计时器

function stop(){

window.clearInterval(init)

}