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

内部1个计时器是上面功能啊？

外面直接调用运行定义的函数不行吗?

为什么要在内部再加一个计时器

qq_小蚊子_1

2017-07-26

源自：JavaScript进阶篇 8-5

关注问题我要回答

669

操作

收起

2 回答

慕粉7005933
2017-07-26

你可以试试对以上代码中的注释行1、注释行2以及button的onclick事件分别进行注释，看看运行结果，结合慕课网上的资料，理解一下。

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

收起回答

慕粉7005933
2017-07-26

首先，在button中加一个点击事件来直接调用运行定义的函数是可行的。以下是我的代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
    document.getElementById('count').value=num;
    num=num+1;
    setTimeout("startCount()",1000); //注释行1
}
//setTimeout("startCount()",1000);//注释行2
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type = "button" id = "dian" onclick = startCount() />
</form>
</body>
</html>

注释行1中是位于startCount()方法中，不调用是不会执行的，当注释行1被注释，注释行2和button的点击事件未被注释时，这段代码就无法自动循环，届时输出的只是你点击button的次数,而不会自动按时计数。

当注释行1存在时，就可以按时间自动循环完成计数功能。

注释行2和button中的onclick点击事件作用是差不多的，区别在于：注释行2未被注释时，无论button情况如何，最迟在1000毫秒后都会执行startCount()方法。当注释行2被注释后，只有button如上创建了点击事件，并点击，才会执行startCount()方法，并自动循环完成计数功能（需要注释行1未被注释）。