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

clearInterval() 的问题

问题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>

大年糕

2017-02-28

源自：JavaScript进阶篇 8-4

关注问题我要回答

1271

操作

收起

5 回答

慕粉1502521177 回答被采纳 +3 积分
2017-02-28

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

clearInterval()可以写在函数中调用的

0 回复有任何疑惑可以回复我~

收起回答

大年糕提问者

我这么理解对吗，setInterval的返回值必须写在function 外 clearInterval 才能获取到返回值是吗？

2017-02-28 回复有任何疑惑可以回复我~

慕粉1502521177 回复大年糕提问者

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

2017-02-28 回复有任何疑惑可以回复我~

慕移动8376194
2017-02-28

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

1 回复有任何疑惑可以回复我~

收起回答

大年糕提问者
2017-02-28

按照刚才你说的我把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 回复有任何疑惑可以回复我~

收起回答

qq_这很好_0
2017-02-28

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

0 回复有任何疑惑可以回复我~

收起回答

爱媳妇爱学习4152220
2017-02-28

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

改成这样就可以了。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468190 人
解答问题 21891 个

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

进入课程

本课相似问答

2 回答clearinterval()问题

2 回答JS取消计数器clearInterval( )问题

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

4 回答取消计时器clearInterval()

1 回答ClearInterval之后的表现是什么？

搜索更多本课相关问答

clearInterval() 的问题

我要回答关注问题

热搜

最近搜索清空

clearInterval() 的问题

5 回答

本课相似问答

clearInterval() 的问题