javascript - 链接 jQuery Deferred

Question

我在将计时器功能与 jquery deferred 同步时遇到了问题。我写了一个函数，它在超时后显示一个工具提示，并在另一个超时后将其删除。如果我调用它两次，它会起作用，但第三次调用会在第二次调用之后立即执行。是什么让我错了？

这是被调用 3 次的函数：

function tutorial($element, qtipConfig, startTimeout, stopTimeout) {

    var dfd = $.Deferred();

    window.setTimeout(function() {

        // tooltip
        var qtip = $element.qtip(qtipConfig);
        // api
        var qtipApi = $element.qtip('api');
        // show tooltip
        qtipApi.show();

        window.setTimeout(function() {
            qtipApi.hide();
            dfd.resolve();
        }, stopTimeout);

    }, startTimeout);

    return dfd.promise();
};

下面是这个函数的调用方式：

    tutorial($('.mybutton'), qtipConfig, 1000, 2000)
    .then(
        function() {
            return tutorial($('.button2'), qtipConfig, 1000, 2000);
        })
    .then(
        function() {
            return tutorial($('.button3'), qtipConfig, 1000, 2000);
    });

谢谢你。