clearInterval()之后怎么再回复定时器呀-慕课网

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

clearInterval()之后怎么再回复定时器呀

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

清烛歆歊

2016-07-04 16:50

clearInterval()之后怎么再回复定时器呀？

写回答关注

4回答

cicineer: 2016-07-06 19:49:30

已采纳

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>计时器</title>
</head>

<body>
	<script type="text/javascript">
		function clock()
		{
			var time = new Date();
			document.getElementById("clock").value=time;
		}
		function start()
		{
			i = setInterval("clock()",1000);
		}
		var i = setInterval("clock()",1000);
	</script>
	
	<form>
		<input type="text" id="clock" size="50px" />
		<input type="button" value="start" onclick="start()" />
		<input type="button" value="stop" onclick="clearInterval(i)" />
	</form>
</body>
</html>

1 0

清烛歆歊

非常感谢！

2016-07-07 13:45:15

共 1 条回复 >

大块吃肉188

2016-08-12 18:07:59

如果是按楼上这段代码运行，打开网页后先按start键后再按stop键就无法停止，可以改成
function start(){
clearInterval(i);
i = setInterval(clock,1000);
}
每次调用start在执行setIntertval之前先clearInterval，否侧会出现clearInterval失效，可以查看一下setInterval返回值，每次都不一样

0 0
cicineer

2016-07-06 19:50:08

这是我的方法，你可以试一试

0 0
繁青

2016-07-04 17:59:14

新建一个setInterval

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

469070 学习 · 22582 问题

查看课程

相似问题

clearInterval 之后如何再次调用setInterval，实现时间走动

回答 2

取消计时器clearInterval()

回答 4

ClearInterval之后的表现是什么？

回答 1

想不通，clearInterval是取消计时器，点击后计时器取消了，为什么时间会停下来呢？

回答 3

用clearinterval制作定时器，暂停失败，找不到问题出在哪.

回答 4

打开慕课网App查看更多内容