clearInterval() 的问题-慕课网

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

clearInterval() 的问题

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

大年糕

2017-02-28 14:07

问题1：我想打开页面后然后点击开始显示时间，点击停止时间停止，在点击开始时间继续走，但是现在，点击停止时间不停为什么！

问题2：clearInterval可不可以写在function函数里调用呢？

麻烦给解释的详细点，不胜感激

<!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" />
<title>无标题文档</title>
<script type="text/javascript">
   function clock(){
      var time=new Date();
      document.getElementById("clock").value = time;
   }

   function sta()
   {
    var i=setInterval("clock()",1000);
   }

</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="sta()" />
</form>
</body>
</html>

写回答关注

5回答

慕粉1502521177

2017-02-28 15:08:45

已采纳

你定义的i只在sta()函数中有作用,你调用clearInterval(i)中的i得不到setInterval()的返回值,所以结束不了,你应该把i=setInterval("clock()",1000)写到函数外面;
clearInterval()可以写在函数中调用的

2 0

慕粉1502... 回复大年糕

可以这么理解简单说就是你给i的返回值必须和你想要用的i的地方在同一层或者必须在想要用i的地方的外层

2017-02-28 15:20:29

共 2 条回复 >
慕移动8376194

2017-02-28 15:46:01

var i 定义放外层。在函数里边定义的作用于只能在函数里

0 1
大年糕

2017-02-28 15:37:59

按照刚才你说的我把i 放到外边变成全局变量好使了！谢谢哈！
<!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" />
<title>无标题文档</title>
<script type="text/javascript">
var i;
   function clock(){
      var time=new Date();
      document.getElementById("clock").value = time;
   }

   function sta()
   {
        i=setInterval("clock()",1000);
   }
</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="sta()" />
</form>
</body>
</html>

0 0
qq_这很好_0

2017-02-28 15:07:09

开启了多个计时器，刷新一下页面就好

0 0

爱媳妇爱学习4152220: 2017-02-28 15:05:30

   var  i=setInterval("clock()",1000);
   function sta()
   {
         i=setInterval("clock()",1000);
   }

改成这样就可以了。

0 0

JavaScript进阶篇

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

468065 学习 · 21891 问题

查看课程

相似问题

clearinterval()问题

回答 2

JS取消计数器clearInterval( )问题

回答 2

clearInterval(i)，i为什么可以访问的到？

回答 3

取消计时器clearInterval()

回答 4

ClearInterval之后的表现是什么？

回答 1

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