setTimeout() 和setInterval()函数的比较

来源:互联网 发布:全球人工智能产业规模 编辑:程序博客网 时间:2024/04/30 13:38

1.setTimeout() 和setInterval() 函数的相同之处

两个函数执行效果相同,都是隔一段时间执行一次一个函数

2.不同之处:

setTimeout() 只执行一次  即:如果你想重复执行某个函数需要重复调用该函数(代码示例)

<script type="text/javascript">
var i=6;
var t;
function showTimer(){
if(i==0){
parent.location.href="${pageContext.request.contextPath }/system/elecMenuAction_logout.do";
}else{
i=i-1;
document.getElementById("timer").innerHTML=i+"秒";
window.setTimeout(showTimer(), 1000);
}
}
</script>

setInterval()函数可以多次执行除非调用window.clearInterval();  重复执行的函数才会停止(代码示例)

<script type="text/javascript">
var i=6;
var t;
function showTimer(){
if(i==0){
parent.location.href="${pageContext.request.contextPath }/system/elecMenuAction_logout.do";
window.clearInterval(t);
}else{
i=i-1;
document.getElementById("timer").innerHTML=i+"秒";
}
}
window.setInterval(showTimer(), 1000)
</script>

0 0
原创粉丝点击