如何设置一个javascript 的回调函数！

[epui2008]

也许不叫回调函数，它的功能类似 于 layer 中的 这个：

写法是这样的

layer.msg('删除成功！', 
{

  time: 2000 //2秒关闭（如果不配置，默认是3秒）
}, 
function(){
  //do something
});   

这段代码的作用是 先弹出一个 2秒后自动消失的 提示框，等提示框消失后 执行 下面的 函数；

所以我就是想要个这样的函数；

1 我查看了这个layer。msg 的实现方法
是下面这段代码，压根看不懂

msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",

2 我不想用现成的这个框架
3 咱们目的是封装一个 jquery，bootstrap 的一个简单的函数 ，目前 我的 showtooltip 函数是这样写的 ——————

//tip是提示信息，type:'success'是成功信息，'danger'是失败信息,'info'是普通信息
function ShowTip(tip, type) {
    var $tip = $('#tip');
   
   // if ($tip.length == 0) {
        $tip = $('<div id="tip" style="font-weight:bold;position:fixed;width:350px;top:50px;left:50%;margin-left:-175px;z-index:9999"> <a href="#" class="close" data-dismiss="alert">×</a >'+tip+'</div>');
            

        $('body').append($tip);
    //}
    $tip.stop(true).attr('class', 'alert alert-' + type).fadeIn(500).delay(2000).fadeOut(500);
}

使用的时候是这样

 ShowTip("删除成功！", "success");
                            window.location.href = "/Article/List";

目的就是 提示删除成功之后 ，让页面跳转；但是这个函数 基本是同步执行的，所以没看到提示信息就跳转了；

所以 ，如何能改进一下这个方法呢?请教一下js高手，先谢谢您啦！

[epui2008]

引用 3 楼 囧 的回复:

fadeOut加个回调函数跳转

function ShowTip(tip, type, url) {
    var $tip = $('#tip');
    
   // if ($tip.length == 0) {
        $tip = $('<div id="tip" style="font-weight:bold;position:fixed;width:350px;top:50px;left:50%;margin-left:-175px;z-index:9999"> <a href="#" class="close" data-dismiss="alert">×</a >'+tip+'</div>');

 
        $('body').append($tip);
    //}
    $tip.stop(true).attr('class', 'alert alert-' + type).fadeIn(500).delay(2000).fadeOut(500, function(){
		if(url){
			window.location.href = url;
		}
	});
}
ShowTip("删除成功！", "success", "/Article/List");

不错，感谢回复！ 如果把url 这个地方换成一个function 呢，因为有的地方不一定是跳转，写成一个function 更方便 就是我引用的时候这样引用 shwotip("删除成功","success",function(){ alert("再弹出"); $(".abb").remove(); }); 函数哪里应该怎么写呢？

[囧]

function ShowTip(tip, type, callback) {
    var $tip = $('#tip');
    
   // if ($tip.length == 0) {
        $tip = $('<div id="tip" style="font-weight:bold;position:fixed;width:350px;top:50px;left:50%;margin-left:-175px;z-index:9999"> <a href="#" class="close" data-dismiss="alert">×</a >'+tip+'</div>');
             
 
        $('body').append($tip);
    //}
    $tip.stop(true).attr('class', 'alert alert-' + type).fadeIn(500).delay(2000).fadeOut(500, callback);
}
ShowTip("删除成功！", "success", function(){
	window.location.href = "/Article/List";
});

[epui2008]

感谢！感谢！虽然对于回调函数还不太懂，但是问题已经解决，回调函数我回头再慢慢研究。谢谢大家的指点！

[丰云]

用settimeout就行了

[丰云]

    msg.show();
    setTimeout(function () { 
         msg.hide(); 
         localhost.href = 'xxx';
    }, 3000);

[囧]

fadeOut加个回调函数跳转

function ShowTip(tip, type, url) {
    var $tip = $('#tip');
    
   // if ($tip.length == 0) {
        $tip = $('<div id="tip" style="font-weight:bold;position:fixed;width:350px;top:50px;left:50%;margin-left:-175px;z-index:9999"> <a href="#" class="close" data-dismiss="alert">×</a >'+tip+'</div>');
             
 
        $('body').append($tip);
    //}
    $tip.stop(true).attr('class', 'alert alert-' + type).fadeIn(500).delay(2000).fadeOut(500, function(){
		if(url){
			window.location.href = url;
		}
	});
}
ShowTip("删除成功！", "success", "/Article/List");

[Hello World,]

3楼的正解，如果参数比较多，又有些有默认值的话可以像$.ajax一样设置默认值，再合并用户输入的值，这样比较灵活

    function ShowTip(options) {
        var defaultOptions = {
            tip: '默认的消息',
            type: '默认的类别',
            url: '/default.html',
            fadeIn: 500,
            fadeOut: 500,
            delay: 2000
        };

        options = $.extend({}, defaultOptions, options);
        $('#tip').remove();
        var $tip = $('<div id="tip" style="font-weight:bold;position:fixed;width:350px;top:50px;left:50%;margin-left:-175px;z-index:9999"> <a href="#" class="close" data-dismiss="alert">×</a >' + options.tip + '</div>');
        $('body').append($tip);
        $tip.stop(true).attr('class', 'alert alert-' + options.type)
            .fadeIn(options.fadeIn)
            .delay(options.delay)
            .fadeOut(options.fadeOut, function () {
                if (options.url != '')
                    window.location.href = options.url;
            });
    }
    ShowTip({
        tip: 'Some message',
        type: 'A',
        url: 'www.baidu.com'
    });

[专业前端小白]

function test(num,callback){ console.log(num); if(callback && typeof callback === "function") { //判断存在并且是函数 callback(); } } test(5,function(){ console.log(6); }); 执行后输出为：