                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

做一个秒表

做一个秒表的话如果在1.XX秒按下停止如何在开始时继续从1.xx秒开始计时而不是重新从1秒开始计时？

<!DOCTYPE HTML>

<html>

<head>

var attime=0;

function clock() {

attime++;

if (attime<60) {

document.getElementById('text').value=attime+"秒";

}

else{

document.getElementById("text").value=Math.floor(attime/60)+"分"+(attime-60)+"秒"

}

function start(){

i=setInterval(clock,1000)

}

function stop(){

clearInterval(i)

}

function restart() {

document.getElementById('text').value=0+"秒";

attime=0;

clearInterval(i);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

慕粉1888

2016-06-15

源自：JavaScript进阶篇 8-5

关注问题我要回答

385

操作

收起

2 回答

微笑向陽安之若素
2016-07-17

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var a=0;
var b=0;
   function ad(){
	if(a<60)
	document.getElementById("clock").value=a+"秒";
	else
	document.getElementById("clock").value=Math.floor(a/60)+"分"+(a-Math.floor(a/60)*60)+"秒";
	a++;
	b=window.setTimeout("ad()",1000);
	}
	function ce(){
		window.clearTimeout(b);
		}
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50" />
    <input type="button" value="start" onclick="ad()"/>
    <input type="button" value="pause" onclick="ce()"/>
  </form>
</body>
</html>