博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中 setInterval和setTimeout事件的方法 和区别
阅读量:6736 次
发布时间:2019-06-25

本文共 1242 字,大约阅读时间需要 4 分钟。

hot3.png

setInterval: setInterval 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,停止该方法可使用 clearInterval 方法

setTimeout :setTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。停止该方法可使用 clearTimeout 方法。

区别:setTimeout() 只执行代码块一次。如果要多次调用,请使用 setInterval() 或者让代码块自身再次调用 setTimeout()。

setTimeout调用方式:

//setTime()内部再次调用setTimeout,如果内部不用setTimeout调用setTime()方法,setTime()只会执行一次。var timeId ;var countdown = 60;var dom = $('#getCodeBtn');function setTime() {	if (countdown == 0) {		$(dom).attr("disabled", false);		$(dom).text("获取验证码");	} else {		$(dom).attr("disabled", true);		$(dom).text("重新发送(" + countdown + ")");	}	if(countdown == 0){		clearTimeout(timeId);		countdown = 3;	}else{		countdown--;		timeId = setTimeout(function(){			setTime();		},1000);				}	}		function getRegCode() {	setTime();}

 

setInterval调用方式

//setInterval:setTime()函数内部无需再次调用,setInterval会每隔1000毫秒(1秒)执行一次setTime()函数var timeId ;var countdown = 60;var dom = $('#getCodeBtn');function setTime() {	if (countdown == 0) {		$(dom).attr("disabled", false);		$(dom).text("获取验证码");		clearTimeout(timeId);		countdown = 60;	} else {		$(dom).attr("disabled", true);		$(dom).text("重新发送(" + countdown + ")");		countdown--;	}	}	function getRegCode() { 	timeId = setInterval("setTime()", 1000);}

 

转载于:https://my.oschina.net/u/2433960/blog/1031131

你可能感兴趣的文章
竖向滑动标签DEMO
查看>>
centos7 安装nmon
查看>>
Java常见面试题
查看>>
Spring cache详解
查看>>
单点登陆SSO实现方式浅谈
查看>>
3D打印:三维智能数字化创造(全彩)
查看>>
Kettle学习笔记(四)
查看>>
Android Message 及其使用
查看>>
RHEL6服务器kickstart无人值守安装服务
查看>>
myisam和innodb两种引擎的区别
查看>>
spring初始化bean的顺序
查看>>
Office Online 体验
查看>>
vim常用操作
查看>>
Putty使用密钥自动登陆SSH
查看>>
Nginx 502gateway错误故障解决
查看>>
关于ajax接受json格式的数据
查看>>
基于AIRMA模型对订单总额未来七天的预测
查看>>
GNS3中PIX防火墙、ASA防火墙、juniper路由器、IDS、Qemu客户机模拟环境搭建
查看>>
habse java api使用操作
查看>>
Linux初学之文件查找
查看>>