JS使用setInterval计时器实现挑战10秒_JavaScript

JS使用setInterval计时器实现挑战10秒

2021-11-08 16:09花落(→)凋谢 JavaScript

这篇文章主要为大家详细介绍了JS使用setInterval计时器实现挑战10秒，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

JS实现挑战10秒，主要用到setInterval计时器，供大家参考，具体内容如下

效果图

JS使用setInterval计时器实现挑战10秒

## 完整代码

				?

									<html lang="en">

									<head>

									<meta charset="UTF-8">

									<title>js计时器</title>

									</head>

									<body>

									<p style="font-size: 2em;color: blue;font-style: italic;">挑战10.00秒</p>

									<p id="time" style="font-size: 2em;color: red;">00:00</p>

									<input type="button" value="开始" onclick="oStart()">

									<input type="button" value="结束" onclick="oStop()">

									<input type="button" value="重置" onclick="oReset()">

									<script>

									 var n= 0, timer=null;

									 var txt=document.getElementById("time");

									 //开始计时

									 function oStart() {

									  clearInterval(timer);

									  timer=setInterval(function () {

									   n++;

									   var m=parseInt(n/60);

									   var s=parseInt(n%60);

									   txt.innerText=toDub(m)+":"+toDub(s);

									  },1000/60);

									 };

									 //暂停并且清空计时器

									 function oStop() {

									  clearInterval(timer);

									//  txt.innerText="我爱你";

									 }

									 //重置

									 function oReset() {

									   txt.innerText="00:00";

									  n=0;

									 }

									 //补零

									 function toDub(n){

									  return n<10?"0"+n:n;

									 }

									</script>

									</body>

									</html>