用js实现计时器功能

发布时间:2018-10-10 10:07:21

1.用js实现计时器功能

        var box = document.getElementById('box');

var start = document.getElementById('start');

var end = document.getElementById('end');

var time = null;

var s =0;

var m = 0;

var h = 0;

function clock(){

s++;

if(s>=60){

m++;

s=0;

if(m>=60){

h++;

m=0;

}

}

var str = h+":"+m+":"+s;

box.innerHTML =str;

}

start.onclick=function(){

if(time){

clearInterval(time);

}

time = setInterval("clock()",200);

}

end.onclick =function(){

clearInterval(time);

}

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】