js clearInterval()方法的定义和用法


Posted in Javascript onNovember 11, 2015

此方法能够取消setInterval()方法设置的定时器。

此方法的参数必须是要取消相应的setInerval()方法的返回值。

点击可参阅更多window对象的属性和方法。

语法结构:

clearInterval(id)

参数列表:

参数 描述
id 必需。此id是setInerval()的返回值,是此setInerval()方法的唯一标识。

浏览器支持:

(1).IE浏览器支持此属性。
(2).Firefox浏览器支持此属性。
(3).Opera浏览器支持此属性。
(4).chrome浏览器支持此属性。
(5).safria浏览器支持此方法。

代码实例:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.softwhy.com/" />
<title>window对象的clearInterval()方法 -蚂蚁部落</title>
<style type="text/css">
#num{
 width:100px;
 height:100px;
 text-align:center;
 line-height:100px;
 background-color:green;
 margin:50px auto 0px auto;
 color:red;
}
#btdiv{
 width:76px;
 height:76px;
 margin:0px auto;
}
</style>
<script type="text/javascript">
var a=0;
window.onload=function(){
 var num=document.getElementById("num");
 var bt=document.getElementById("bt");
 function jisuan(){
 num.innerHTML=a;
 a=a+1;
 }
 var flag=setInterval(jisuan,1000);
 bt.onclick=function(){
 clearInterval(flag);
 }
}
</script>
</head>
<body>
<div id="num"></div>
<div id="btdiv"><button id="bt">点击取消</button></div>
</body>
</html>

以上代码点击按钮可以取消数字自增效果。

Javascript 相关文章推荐
JS嵌套函数调用上下文的问题解决
Mar 26 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
简单谈谈javascript中this的隐式绑定
Feb 22 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
详解Angular6学习笔记之主从组件
Sep 05 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
jquery原理以及学习技巧介绍
Nov 11 #Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
Nov 11 #Javascript
轻松实现javascript数据双向绑定
Nov 11 #Javascript
谈谈对offsetleft兼容性的理解
Nov 11 #Javascript
详解 javascript中offsetleft属性的用法
Nov 11 #Javascript
jquery事件的ready()方法使用详解
Nov 11 #Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 #Javascript
You might like
php生成局部唯一识别码LUID的代码
2012/10/06 PHP
php版淘宝网查询商品接口代码示例
2014/06/17 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
webpack配置之后端渲染详解
2017/10/26 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Python数据类型之Set集合实例详解
2019/05/07 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
怎么样写好简历中的自我评价
2013/10/25 职场文书
银行学习十八大感想
2014/01/11 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
办公设备采购方案
2014/03/16 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
经典搞笑版检讨书
2015/02/19 职场文书
教师工作表现自我评价
2015/03/05 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android