在jquery中使用setTimeout要注意的点

例子:
    $('#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);
    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,764评论 18 399
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,914评论 18 139
  • 想见之人 相见之人 既见之人
    懒墨阅读 205评论 0 0
  • 其实,重复做一件事情的坚持,往往是自己战胜自己的过程,只是,凡能坚持下来的事情里一定饱含着兴趣所在。 每个月坚持的...
    海的波文阅读 729评论 4 21