                        課程
                    
                        /前端開發(fā)
                        
                            /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="text" id="clock" size="50" ?/>

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

? ? onclick="clearInterval(i)"/>

? ? <input type="button" value="Start" onclick="za()"/>

? </form>

</body>

</html>

Mr丶Jia

2017-01-03

源自：JavaScript進階篇 8-4

關(guān)注問題我要回答

907

操作

收起

2 回答

在下坂本干哈玩意兒啊回答被采納 +3 積分
2017-01-03

你定義的變量是局部變量，這樣每次都會創(chuàng)建新的計時器，而你只關(guān)閉一個計時器，所以第二次會看似無效，我把代碼改一下你看看吧

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