第一部分:setTimeout与clearTimeout
语法:setTimeout(func,millis)
func必须,函数或执行字符串
millis必须,间隔时间毫秒(1s=1000ms)
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式
1、基本用法
----------执行一段代码:
var i=0;
setTimeout("i='this.string';alert(i)",1000);
----------执行一个函数:
var i=0;
setTimeout(function(){i+=1;alert(i);},1000);
2、递归调用
var count=0;
function count(){
count++;
while(count<10){
setTimeout(count,1000);
}
}
3、在类中使用
function User(){
this.name="xilou";
this.sex="男";
this.num=0;
}
User.prototype.count=function(){
this.num+=1;
alert(this.num);
if(this.num>10){return;}
//下面用四种方法测试,一个一个轮流测试。
setTimeout("this.count()",1000);//A:当下面的x.count()调用时会发生错误:对象不支持此属性或方法。
setTimeout("count()",1000);//B:错误显示:缺少对象
setTimeout(count,1000);//C:错误显示:'count'未定义
//下面是第四种
var self=this;
setTimeout(function(){self.count();},1000);//D:正确
}
4、clearTimeout
要使用 clearTimeout( ), 需要给 setTimout( ) 一个名称:timeoutID ,用timeoutID停止调用。
timeoutID
↓
meter1 = setTimeout("count1( )", 1000)
meter2 = setTimeout("count2( )", 1000)
使用meter1 及meter2等 timeoutID 名称可以具有针对某个定时器清除,而互不影响。
第二部分:setInterval与clearInterval
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法:setInterval(code,millisec)
code 必需。要调用的函数或要执行的代码串。
millisec 必需。周期性执行或调用 code 之间的时间间隔,以毫秒计。
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
var leftSeconds = 10;
var intervalId;
$(function(){
$("#btnReg").attr("disabled",true);
intervalId = setInterval("countDown()",1000);
});
function countDown(){
if(leftSeconds <=0){
$("#btnReg").val("submit");
$("#btnReg").attr("disabled",false);
clearInterval(intervalId);
return;
}else{
leftSeconds--;
$("#btnReg").val("请仔细阅读" + leftSeconds + "秒");
}
}
分享到:
相关推荐
JavaScript使用定时器制作倒计时
js定时器是利用js实现定时的一种方法,在网站上有很多用途都是用到定时器,很多在线时钟的制作,图片轮播的实现,还有一些广告弹窗,但凡可以自动执行的东西,都是可以和定时器有关的。js定时器使用的两个方法: 1....
Javascript定时器 一 单线程
Javascript定时器 一 单线程 修正
Javascript定时器 三 setTimeout func 0
javascript定时器取消定时器及js定时器优化方法 通常用的方法: 启动定时器: window.setInterval(Method,Time) Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: clearInterval(Method);...
Javascript完成html页面定时器设定
跟我学习javascript的定时器,告诉大家具体的使用方法,并向大家提出了一个消息要求,制作一个定时器,有没有朋友感兴趣,挑战一下
主要介绍了JavaScript高级定时器原理与用法,结合实例形式分析了javascript重复定时器相关问题与解决方法,并描述了函数节流的原理与相关操作方法,需要的朋友可以参考下
主要介绍了JavaScript定时器和优化的取消定时器方法,本文着重讲解一个优化的取消定时器的方法,需要的朋友可以参考下
主要介绍了javascript定时器完整实现方法,以实例形式分析了定时器的嵌套调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
window度一线下面的方法 window.setInterval() 启动定时器 1.setInterval(function(函数),time(每隔多少时间执行一次函数,单位是毫秒)) 会重复执行某项操作 2.setTimeout 运用在延迟一段时间,再进行某项操作 ...
Javascript定时器(二)——setTimeout与setInterval 在 http://www.cnblogs.com/strick/p/3983904.html 有说明
JavaScript定时器实现限时秒杀功能 本文实例为大家分享了JavaScript实现限时秒杀功能的具体代码,供大家参考,具体内容如下 文件index.html 代码: <!DOCTYPE html> <html> <head> ...
javascript定时器实现的蛇形文字,有点好笑的,使用任意浏览器打开就可以看到效果,最好别用IE,推荐使用谷歌,QQ,火狐浏览器
卫班科技---JavaScript自动加载定时器,这个是一个页面加载时。自动执行定时器的JavaScript案例。
主要介绍了JavaScript定时器设置、使用与倒计时案例,详细分析了javascript定时器的设置、取消、循环调用并附带一个倒计时功能应用案例,需要的朋友可以参考下
解决JavaScript定时器越走越快的问题 之前在项目中写了定时器来做循环播放,但是总是会有越走越快的问题,开始是以为前后的HTML代码拼接的有问题,时间紧急的情况下反复改了很多也没什么效果,后来发现是js定时器的...