在jquery中使用setTimeout要注意的点

2017-01-25  本文已影响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);
    });
上一篇 下一篇

猜你喜欢

热点阅读