JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

3秒後に完了

JavaScript

var df = $.Deferred();

        //resolve時に実行
        var resolve = function(){
           $('body').append('<p>success</p>');
        }
        //reject時に実行
        var reject = function(){
           $('body').append('<p>failed</p>');
        }
        //resolve,rejectの前に実行
        var pipe = df.pipe(function(){
            $('body').html('').append('<p>pipe</p>');
        });
        
        var ini = function(){
           setTimeout(function() {
               df.resolve();
           }, 3000);
           return df.promise();
        }
        //$.whenは Promise objectがresolve/reject完了まで遅延
        //then(resole時のmethod,reject時のmethod)
        $.when(ini()).then(resolve,reject);