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

点击后怎么没停？

<!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;

}

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>

古月风苑

2017-05-01

源自：JavaScript进阶篇 8-4

关注问题我要回答

778

操作

收起

6 回答

慕田峪7359874
2017-07-17

造成这个问题的原因：多次触发了setInterval 造成返回值流放了，所以你clearInterval（id）获取的并不是你要关闭的id了，解决这个问题可以使用开关机制代码如下

var id;

var flag=false;

function clock(){

var time=new Date();

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

}

function startInterval(){

if(flag){

return;

}

id=setInterval(clock,1000);

flag=true;

}

function stopInterval(){

clearInterval(id);

flag=false;

}

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

沫荼
2017-06-06

你在浏览器里面打开html文件，点击按钮就好了，我的也是一样，有的时候慕课就是会出一些bug

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

慕移动2188087
2017-06-01

onclick方法的方法名錯誤,改為onClick,"C"大寫!!!!

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

cat2000
2017-05-01

你这代码没有问题啊。点击stop按钮执行了clearInterval(i)。

自己再确认下结果吧。

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

古月风苑提问者
2017-05-01

怎么做？

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

一大碗油茶
2017-05-01

没有清除计时器，它会一直执行

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

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

3 回答点击开始和停止没用？

1 回答点击=后没反应是怎么回事？

2 回答怎么点击stop按钮计时器不停止？

3 回答停止后怎样再次点击按钮继续运行呢

3 回答点击后没反应。。

搜索更多本课相关问答

点击后怎么没停？

我要回答关注问题

意见反馈帮助中心 APP下载