请高手指点指点为什么不行。-慕课网

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

请高手指点指点为什么不行。

来源：8-6 取消计时器clearTimeout()

qq_听一半的歌_1

2017-05-13 16:38

<!DOCTYPE HTML>

<html>

<head>

var num=0;

var i;

function startCount(){

document.getElementById('count').value=num;

num=num+1;

i=setTimeout("startCount()",1000);

}

var v=clearTimeout(i);

document.getElementById("f").Onclick="v"

</script>

</head>

<body>

<form>

</form>

</body>

</html>

写回答关注

3回答

慕勒7123956: 2017-05-13 21:01:38

已采纳

你这个问题有点多，首先你应该讲script标签放在body的最下面，因为script运行时，dom还没有渲染，就不能运行，onclick应该都是小写，而且应该给onclick赋值一个函数，在函数里面运行程序语句，

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>


</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start" Onclick="startCount()" />
    <input type="button" value="Stop" id="f"/>
   
  </form>
  <script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }

  document.getElementById("f").onclick=function(){
    clearTimeout(i);
  };
  
</script>
</body>
</html>

1 0

qq_听一半...

非常感谢！

2017-05-13 23:34:50

共 1 条回复 >

旅sir

2017-05-14 07:53:24

看了你的代码我有启发，根据你的代码我也写了一下，仅供参考！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
    document.getElementById('count').value=num;
    num++;
    i=setTimeout("startCount()",1000);
}
function stopCount(){
    clearTimeout(i);
}
</script>
</head>
<body>
<form>
    <input type="text" id="count" />
    <input type="button" value="Start" onclick="startCount()" />
    <input type="button" value="stop" id="f" onclick="stopCount()"/>
</form>
</body>
</html>

0 0
自由的雪蛋儿

2017-05-13 21:12:01

clearTimeout()是个方法

0 0

JavaScript进阶篇

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

468061 学习 · 21891 问题

相似问题

回答 3

回答 2

回答 2

回答 1

回答 3