定时器的简单示例(setInterval clearInterval)

原创 2015年11月20日 16:40:56

window.clearInterval与window.setInterval的用法

window.setInterval()

功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

语法:setInterval(code,millisec)

 

解释:code:在定时时间到时要执行的JavaScript代码串。

millisec:设定的定时时间,用毫秒数表示。

返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。

注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能:取消由setInterval()方法设置的定时器。

语法:clearInterval(id_of_setinterval)

解释:id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。

也就是:window.setInterval()返回的就是window.clearInterval的参数

例子:

<script type="text/javascript">
var count = 0;
var timeID;
function timeCount()
{
  document.getElementByIdx('timetxt').value = count;
  count++;
}
function beginCount()
{
  timeID = setInterval("timeCount()",1000);
}
function stopCount()
{
  clearInterval(timeID);
}
</script>
<input type="button" value="开始计时" onclick="beginCount()" />
<input type="text" id="timetxt" size="5" />
<input type="button" value="停止计时" onclick="stopCount()" />
版权声明:本文为博主原创文章,未经博主允许不得转载。

clearInterval只终止定时器不终止函数

用return解决
  • sinat_27088253
  • sinat_27088253
  • 2016年07月23日 16:18
  • 1049

HTML DOM中setInterval()和clearInterval()、setTimeout()和clearTimeout()

HTML DOM setInterval()和clearInterval() 方法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会...
  • haoaiqian
  • haoaiqian
  • 2017年03月22日 20:27
  • 975

setInterval与clearInterval详解

计时计数器经常会用到的两个函数。 首先注意:setInterval与clearInterval都是直属于window对象的。 时间间隔可以通过setInterval命令来创建并用clearInte...
  • cui_angel
  • cui_angel
  • 2012年07月24日 13:27
  • 11358

解决jQuery在IE7和8下setInterval失效的问题

本机测试没问题,但其它机器用IE7或IE8打开,setInterval执行无效,不会自动刷新页面 $(function () {                orderno = $('#txtO...
  • savagelin
  • savagelin
  • 2016年09月29日 12:46
  • 1204

setInterval()和clearInterval() 用法

setInterval()和clearInterval() 用法 一、含义(摘自百度百科) setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setI...
  • u011037869
  • u011037869
  • 2015年08月05日 16:38
  • 6996

js中clearInterval的重新执行/重新开始

问题描述:系统进入页面,可以通过setInterval的方式进行定时执行某一个任务,当使用clearInterval之后需要再次调用setInterval,却不能够再次让setInterval执行的函...
  • lishirong
  • lishirong
  • 2014年12月02日 09:52
  • 6079

RN中的几种定时器

第一类,加入定时器中的任务可能会延迟当前正在进行的动画。 1、setTimeout, clearTimeout 2、setInterval, clearInterval 3、setImmedia...
  • DuYangLu
  • DuYangLu
  • 2016年06月01日 17:49
  • 1978

js/jquery清除定时器setInterval

//保存js内置方法用于后面调用 window.oldInterval = window.oldInterval?window.oldInterval:window.setInterval; wi...
  • crazy_chicken
  • crazy_chicken
  • 2018年01月05日 15:14
  • 275

js中clearInterval无效,以及setInterval中断后重新执行

clearInterval()失效的原因:setInterval()每执行一次,则返回一个唯一id。所以setInterval()执行了n次,那么需要调用clearInterval()也是nci。出现...
  • manmanwei
  • manmanwei
  • 2016年07月05日 19:03
  • 9458

Jquery实现定时执行操作setInterval和clearInterval、setTimeout函数

1.setInterval()用法: var idInt = setInterval(function(){},2000); 2.clearInterval用法: clearInterval(i...
  • majian_1987
  • majian_1987
  • 2013年02月01日 09:47
  • 35533
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:定时器的简单示例(setInterval clearInterval)
举报原因:
原因补充:

(最多只允许输入30个字)