Question

这是测试代码：

var dfd_1 = $.Deferred(),
    dfd_2 = $.Deferred(),
    dfd_3 = $.Deferred();

function test(content, waitTime, dfd) {
    console.log(content + ' begin');
    setTimeout(function() {
        console.log(content + ' end');
        dfd.resolve();
    }, waitTime);
    return dfd.promise();
}

$.when(test('first', 2000, dfd_1), test('second', 4000, dfd_2), test('third', 6000, dfd_3))
.then(function() {
    console.log('all done');
});

控制台的结果是：

first begin 
second begin
third begin

first end
second end
third end

all done

3功能开始，一步一步结束但我需要这样的结果（开始结束，开始结束......）：

first begin
first end

second begin
second end

third begin
third end

all done

如何逐步制作$。延期工作？请帮助我解决方案

Answer 1

使用then()：

test('first', 2000, dfd_1)
    .then(function() {
        return test('second', 4000, dfd_2);
    })
    .then(function() {
        return test('third', 6000, dfd_3);
    })
    .then(function() {
        console.log('all done');
    })
;

小提琴：http://jsfiddle.net/saj5stt9/

用$ .Deferred（）逐步jquery

1 个答案: