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 相关文章推荐
学习从实践开始之jQuery插件开发 对话框插件开发
Apr 26 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
BootStrap的两种模态框方式
May 10 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
node.js基础知识小结
Feb 26 Javascript
vue将单页面改造成多页面应用的方法
Nov 25 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 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实现定时生成HTML网站首页实例代码
2008/11/20 PHP
PHP中10个不常见却非常有用的函数
2010/03/21 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
python实现ping的方法
2015/07/06 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
python按行读取文件并找出其中指定字符串
2019/08/08 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
Python 定义只读属性的实现方式
2020/03/05 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
关于赌博的检讨书
2014/01/08 职场文书
人事部专员岗位职责
2014/03/04 职场文书
班级年度安全计划书
2014/05/01 职场文书
解除劳动合同协议书范本
2014/09/13 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
离婚案件上诉状
2015/05/23 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
钢琴师观后感
2015/06/12 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
python flask框架快速入门
2021/05/14 Python
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python