求大神讲解下定时器

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

LynnXtreme

2016-09-20 12:39


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
  function clock(){
     var time=new Date();                    
     document.getElementById("clock").value = time;
  }// 每隔100毫秒调用clock函数,并将返回值赋值给i
    var i=setInterval("clock()",100);
</script>
</head>
<body>
 <form>
   <input type="text" id="clock" size="50"  />
   <input type="button" value="Stop" onclick="clearInterval(i)"  />
 </form>
</body>
</html>

时间显示是不是没有放在定时器里?因为我把取消了定时器,时间还在跑

写回答 关注

4回答

  • target_one
    2016-09-29 13:54:09
    已采纳

    这个是因为慕课网的代码自动刷新机制,你在每次编辑的时候 代码都执行了一次,而每一次都创建了一个定时器

    你这一次取消的只是这一次创建的定时器,而之前的定时器是还在继续工作的,所以停不下来,

    你可以 ctrl+a,ctrl+c. 复制一下代码,再刷新页面,把代码粘贴回去,就可以正常取消计时器了

    LynnXt...

    非常感谢!

    2016-09-30 00:22:20

    共 1 条回复 >

  • 慕村1994845
    2016-10-23 21:24:12

    这应该是网站编辑器的问题,到本地DW上应该不会有这样的问题

  • 始终上路过
    2016-09-20 14:58:29

    用个google试试

  • qq_浅安_2
    2016-09-20 14:55:26

    你这个代码我这边跑是没问题的啊。。。

    LynnXt...

    但是我取消定时器了,,时间还在动,,既然是用定时器跑代码,,那我取消了定时器时间不是应该不动了吗

    2016-09-21 10:31:30

    共 1 条回复 >

JavaScript进阶篇

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

468191 学习 · 21891 问题

查看课程

相似问题