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

为什么把setInterval放到clock函数中就不能继续调用呢如下

<!DOCTYPE HTML>

<html>

<head>

function clock(){

var time=new Date();

document.getElementById("clck").value = time;

i=setInterval(clock,1000);

}

var i=setInterval(clock,1000);

</script>

</head>

<body>

<form>

</form>

</body>

</html>

qq_陈大吹_0

2018-06-30

源自：JavaScript进阶篇 8-4

关注问题我要回答

1049

操作

收起

4 回答

如梦亦晨
2018-07-18

还有如果你非要把 var i=setInterval(clock,1000);放到clock()函数中，会导致clock（）函数递归，系统会每隔1秒调用1次clock()函数并生成一次计时器。。。所以你点了stop键也没用，但是如果你的手速足够快，1秒钟内点击2次以上吧，会发现计时器能够停止计时。。。。如果点慢了，则递归函数会重新生成计时器并刷新时间。

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

收起回答

如梦亦晨
2018-07-18

不好意思，我弄错了。下一节里面会讲到这种用法，涉及到递归。

你这里之所以运行不出来，是因为html中程序是从上往下运行的，文档一开始先加载上面的JavaScript文件，这时body标签中的input里的内容都没有加载完成，而你的写法中JavaScript里 document.getElementById("clck").value = time;这一句含有input标签的id “clck”，因为"clck"还没有定义，所以系统无法识别。

解决方式是使用window.onload=function(){你的js代码};功能是文档内容加载完成之后，再最后加载你的js代码，这样系统就能够识别你的id“clck”了。

另外你的函数中i没有声明，函数外面的i却声明了，有点混乱。