章节
问答
课签
笔记
评论
占位
占位

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法:

clearInterval(id_of_setInterval)

参数说明:
id_of_setInterval:由 setInterval() 返回的 ID 值。

每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时,停止时间,代码如下:

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

 

任务

补充右边编辑器第12行,使用setInterval()计时器,显示动态时间。

补充右边编辑器第18行,点击Stop按钮后,取消计时器。

?不会了怎么办

要取消setInterval()计时器,要获取它的返回值ID

使用clearInterval()取消,参数是setInterval()计时器的返回值ID

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

已采纳回答 / 超级无敌暴龙骑士
您好,刚才我试了下您的代码是可以停下来的,您可能设置了自动运行。他一直卡在了之前的一秒一下,需要刷新页面吧代码都写完,在运行试试

最新回答 / 呵呵没名字
var i =setInterval("clock",100);//这一句改为var i =setInterval(clock,100);或者var i =setInterval("clock()",100);就行了//你需要注意一下setInterval()的参数格式

已采纳回答 / checklittlelee
你用自己的编辑器测下,应该是没有问题的

最新回答 / youlan_lan
一般来说可以使用电脑自带的记事本来写代码,写完之后把文件名改成对应的后缀名,再使用cmd运行(前端的翁可以直接使用浏览器打开),如果想要更舒服的码代码,可以考虑vscode或者sublime Text软件,支持语法高亮,Element插件的拓展非常方便

已采纳回答 / Jaques
测试过,代码没问题。你换个编辑器测试下

最新回答 / qq_慕田峪3498577
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/javascript">   var  s=false;   function clock(){      var time=new Date();        ...

最赞回答 / 黑夜的白_羊
<!DOCTYPE HTML><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">        <title>计时器</title>        <script type="text/javascript">           function clock(){              ...

最赞回答 / TiAmo丶L
你的代码没问题,点击stop按钮时间正确停止了的,你把时间改为1000毫秒(只是为了方便看,5s执行一次太久了)。出现代码不和预期的情况刷新一下,在清除下浏览器缓存,我试过你的代码是达到效果的。

已采纳回答 / 慕函数4478988
我复制了代码,然后粘贴到了自己的编辑器上运行是可以停止的;可能是网页版的编辑器有问题吧~
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言