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

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

<!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>

Mr丶Jia

2017-01-03

源自：JavaScript进阶篇 8-4

关注问题我要回答

854

操作

收起

2 回答

在下坂本干哈玩意儿啊回答被采纳 +3 积分
2017-01-03

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

<!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>