setTimeout()与setInterval() 问题

简介:

提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

1. setInterval(code,millisec[,"lang"])  setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 

2.setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 

也许你曾碰到过这样的问题,不管是setInterval()还是setTimeout(),当code参数里放一个带参函数时,定时器都会失效,看下面这个例子: 

function test(str){ 
alert(str); 
} 
var a = "abcde" ;
setTimeout(test(a),3000); 

执行上面代码,页面不会延迟3秒调用test(a),而是会立即执行test(a),IE、FF、Chrome下都会出现这个问题,如果你经常用到定时器,这个问题应该应该经常会碰到,那么要怎样去解决呢? 

方法1:用匿名函数包裹

复制代码
function test(str){ 
alert(str); 
} 
var a = "abcde" ;
setTimeout(function(){ 
test(a); 
},3000); 
复制代码

方法2:用引号包裹需调用的函数 

function test(str){ 
alert(str); 
} 
var a = "abcde" ;
setTimeout("test('+a+')",3000); 

项目实践

页面删除收藏后,停留0.5秒,再跳转。

复制代码
function jump(){
    location.href = "{sh::U('Collect/index',array('token'=>$token))}";
}
function del_collect(){
    var ids = "";
    $(".collect_checkbox").each(function(){
        if($(this).is(':checked')){
            ids += ','+$(this).val();
        }
    });
    ids = ids.substring(1);
    $.ajax({
        type:"post",
        url:"{sh::U('Collect/ajax',array('token'=>$token))}",
        data:"do=delcollect&ids="+ids,
        success:function(data){
            var data = JSON.parse(data);  // 解析成json对象
            if(data.success == 1){ // 删除成功
                //window.setInterval("jump()",500); // 停留0.5秒跳转,没隔一段时间就执行一次,页面跳转后失效
                //window.setTimeout("jump()",500);
                window.setTimeout(function(){jump();},500);

            }
            return floatNotify.simple(data.error_code);
        }
    });
}
复制代码

开始时怎么用都不行,后来尝试加双引号,都有效果了。



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/4979721.html如需转载请自行联系原作者

相关文章
|
25天前
|
JavaScript 调度
setTimeout
【10月更文挑战第22天】
6 1
|
3月前
使用requestAnimationFrame模拟实现setTimeout和setInterval
`rafTimeout` 函数采用 `requestAnimationFrame` 实现延时或周期性调用,提供与 `setTimeout` 和 `setInterval` 类似的功能。接受参数包括要执行的函数 `fn`、延迟时间 `delay`(默认 0ms)及是否周期执行 `interval`(默认为单次执行)。返回值为包含 `id` 的对象,可用于取消定时器。通过 `cancelRaf` 或 `cancelAnimationFrame` 方法可取消对应的 `rafTimeout` 定时器。
134 2
使用requestAnimationFrame模拟实现setTimeout和setInterval
|
6月前
|
JavaScript 前端开发
confirm()、setInterval()、setTimeout()
confirm()、setInterval()、setTimeout()
35 0
|
前端开发
setInterval
setInterval
41 0
|
消息中间件 JavaScript 前端开发
setTimeout和setInterval
setTimeout和setInterval
|
JavaScript 前端开发 Java
|
JavaScript 前端开发
|
JavaScript 前端开发
第46天:setInterval与setTimeout的区别
js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,因为这两个用法差不多,但是又有区别,今天一起总结了吧! 1、setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
1495 0
|
JavaScript 前端开发 API
setTimeout,setInterval你不知道的…
  javascript线程解释(setTimeout,setInterval你不知道的事)  标签: javascript引擎任务浏览器functionxmlhttprequest 2011-11-21 14:22 5672人阅读  分类:...
1340 0
下一篇
无影云桌面