提示: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); } }); }
开始时怎么用都不行,后来尝试加双引号,都有效果了。