js定时器: 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()" />

再如:

var objTimer = window.setInterval("moveDiv()",10)是调动定时器,其中moveDiv是js的一个函数

if(objTimer) window.clearInterval(objTimer)是停止定时器

引自:http://www.cnblogs.com/liences/archive/2011/11/25/2262883.html

时间: 2024-10-09 23:32:04

js定时器: window.clearInterval与window.setInterval的用法的相关文章

window.clearInterval与window.setInterval的用法 定时器的设置

window.setInterval() 功能:按照指定的周期(以毫秒计)来调用函数或计算表达式. 语法:setInterval(code,millisec) code:在指定时间到时要执行的JavaScript代码串或函数. millisec:设定的定时时间,用毫秒数表示. 返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器. 注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭. window.clearI

C#-WebForm JS定时器(转)

C#-WebForm JS定时器 JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval

C#-WebForm JS定时器

JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval(function(){ wind

setTimeout和setInterval的用法

JavaScript 计时事件 JavaScript可以按时间间隔执行.这称为计时事件.window对象允许以指定的时间间隔执行代码.这些时间间隔称为定时事件.与JavaScript一起使用的两个关键方法是: setTimeout(function, milliseconds)在等待指定的毫秒数后执行一个函数. setInterval(function, milliseconds)与setTimeout()相同,但是连续重复执行该函数. setTimeout()和setInterval()是HT

js BOM(一)window、location、history、navigator、定时器setInterval

目录: 1.BOM介绍    * JavaScript分三部分        - ECMAScript标准:JS的基本语法        - DOM:Document object Model  文档对象模型--操作页面的元素        - BOM:Browser Object Model 浏览器对象模型--操作的是浏览器 * 浏览器中有个顶级对象:window      页面中顶级对象:document,页面中所有的内容都是属于浏览器的,页面中的内容也都是window的          

js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

  在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clearInterval(),本文将围绕这三种函数的用法,来实现定时器的功能,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望对大家有所帮助. 定时器的应用需求: 1.设定一个时间,当时间到达的时候执行函数----比如:倒计时跳转页面等等. 2.每隔一段时间重复执行某段函数----比如抢票软件,

window.clearInterval()方法

clearInterval()方法的定义和用法:此方法能够取消setInterval()方法设置的定时器.此方的参数必须是要取消的相应的setInerval()方法的返回值.点击可参阅更多window对象的属性和方法.语法结构: clearInterval(id) 参数列表: id 必需.此id是setInerval()的返回值,是此setInerval()方法的唯一标识. 浏览器支持:1.IE浏览器支持此属性.2.Firefox浏览器支持此属性.3.Opera浏览器支持此属性.4.chrome

window.setTimeout() 和window.setInterval() 的区别

setTimeout 和setInterval的功能都是经过某一个时间段后发生某件指定的事件或者方法. 如window.setTimeout("sleep()",5000);指的是在5000ms后去执行sleep方法,setTimeout也可以直接写方法体,如window.setTimeout(sleep,5000) 而setInterval不行. window.setInterval("sleep()",5000)指的是每隔5000ms循环执行sleep()方法.

js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)

一.浏览器同源策略 首先我们需要了解一下浏览器的同源策略,关于同源策略可以仔细看看知乎上的一个解释.传送门 总之:同协议,domain(或ip),同端口视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源.这种安全限制称为同源策略. ( 现代浏览器在安全性和可用性之间选择了一个平衡点.在遵循同源策略的基础上,选择性地为同源策略"开放了后门". 例如img script style等标签,都允许垮域引用资源.) 下表给出了相对