• 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);
            }
        });
    }

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

  • 相关阅读:
    centos7.3部署memcached服务
    tomcat一闪而过,无法开启
    Windows系统因“CredSSP加密Oracle修正”无法远程连接
    猴子和打字机
    特修斯之船
    爱因斯坦的光线
    10个著名的思想实验(2)
    10个著名的思想实验1
    快速排序
    快速排序的c++实现
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/4979721.html
Copyright © 2020-2023  润新知