我这段js计时器的开始和停止按钮的代码哪有错误？

源自：8-5 计时器setTimeout()

我这段js计时器的开始和停止按钮的代码哪有错误？

<!DOCTYPE HTML>

<html>

<head>

function clock(){

var time=new Date();

document.getElementById("clock").value = time;

}

var i=setInterval(function(){

clock()

},100)

function clock2(){

clearInterval(i)

}

function clock3(){

var i=setInterval(function(){

clock()},100)

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

按了continue之后再按stop就无效了，该怎么改

提问者：叔本华Arthur 2016-03-20 21:44

个回答

没有情绪

2016-03-20 23:21:54

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}

var i;
function clock2(){
clearInterval(i)
}
function clock3(){
i=clearInterval(i)
i=setInterval(clock,100)
}

</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" onclick="clock3()"/>
<input type="button" value="Stop" onclick="clock2()" />
<input type="button" value="Continue" onclick="clock3()">
</form>
</body>
</html>
多次摁的问题解决了但是上来还是不显示时间。

0
没有情绪

2016-03-20 23:12:55

上面的代码有bug;就是刚开始没有显示时间，你的先摁一下Continue才能触发。还有一个bug就是你多次触发Continue 再stop 不好使你自己改一下。

0
没有情绪

2016-03-20 23:06:59

给一个全局变量。var = i；
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}

var i;
function clock2(){
clearInterval(i)
}
function clock3(){
i=setInterval(clock,100)
}

</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clock2()" />
<input type="button" value="Continue" onclick="clock3()">
</form>
</body>
</html>

0