Stop后，Start，再回来按Stop就不行了，怎么弄？-慕课网

首页课程实战体系课手记专栏慕课教程

Stop后，Start，再回来按Stop就不行了，怎么弄？

来源：8-4 取消计时器clearInterval()

Mr丶Jia

2017-01-03 18:54

<!DOCTYPE HTML>

<html>

<head>

function clock(){

var time=new Date();

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

}

var i=setInterval("clock()",100);

function za(){

var j=setInterval("clock()",100);

}

</script>

</head>

<body>

<form>

<input type="button" value="Stop"

onclick="clearInterval(i)"/>

</form>

</body>

</html>

写回答关注

2回答

在下坂本干哈玩意儿啊: 2017-01-03 19:23:30

已采纳

你定义的变量是局部变量，这样每次都会创建新的计时器，而你只关闭一个计时器，所以第二次会看似无效，我把代码改一下你看看吧

<!DOCTYPE HTML>
<html>

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

			}
			i = setInterval("clock()", 100);

			function za() {
				i = setInterval("clock()", 100);
			}
		</script>
	</head>

	<body>
		<form>
			<input type="text" id="clock" size="50" />
			<input type="button" value="Stop" onclick="clearInterval(i)" />
			<input type="button" value="Start" onclick="za()" />
		</form>
	</body>

</html>

3 1

Mr丶Jia

非常感谢！

2017-01-04 09:26:10

共 3 条回复 >