美文网首页
在jquery中使用setTimeout要注意的点

在jquery中使用setTimeout要注意的点

作者: 悠悠神代不曾闻 | 来源:发表于2017-01-25 16:26 被阅读184次
    例子:
        $('#levelid').change(function(){
        $('#step').html('状态更换中...');
            $.get("bad_step.php?step="+$(this).val(),function(data,status){
                $('#step').html(data);
                    });
             })
    

    这是我现在写的代码,
    我想要在$('#step').html('状态更换中...');这句话显示的时间久一点,
    现在就显示一瞬间,然后就获取到后面的数据了,看不到有变化的效果,
    所以想在 $('#step').html('状态更换中...');这句代码后面加个延迟的效果,延迟半秒钟
    正确写法:
    //使用 setTimeout 时需注意,当该代码执行时,JS 会立即编译函数第一个参数“code”
    //所以该函数的第一个参数应该为:需要编译的代码、或者一个函数
    //例1:setTimeout("alert('x')", 2000);
    //例2:setTimeout(function () { alert('x'); }, 2000);
    //错误示例:setTimeout(alert('x'), 2000); "x"会立马跳出来,延时没有效果
    //所以你的代码应该是:

        $.get("bad_step.php?step="+$(this).val(),function(data,status){
            setTimeout(function () { 
                $('#step').html(data);
            }, 8000);
        });
    

    相关文章

      网友评论

          本文标题:在jquery中使用setTimeout要注意的点

          本文链接:https://www.haomeiwen.com/subject/gwntittx.html