wait.js

wait.js

var wait = function (n) {
    return function () {
        return new Promise(function (resolve) {
            setTimeout(resolve, n); 
        }); 
    };  
};

x-example.js

var Logo = (function () {
    'use strict';

    var Logo = function (path) {
        this.img = $('<img />').attr('src', path)

        this.reset();
    };

    Logo.prototype.reset = function (dom) {
        this.img
            .addClass('splash-logo')
            .css('opacity', 0)
            .css('transform', 'translate(0, -10px)');
    };

    Logo.prototype.appendTo = function (dom) {
        this.img.appendTo(dom);

        return this;
    };

    Logo.prototype.animation = function () {
        var logo = this.img;

        return wait(100)().then(function () {

            logo.css('opacity', 1);
            logo.css('transform', 'translate(0, 0)');

        }).then(wait(1000)).then(function () {

            logo.css('opacity', 0);
            logo.css('transform', 'translate(0, 10px)');

        }).then(wait(500)).then(function () {

            logo.remove();

        });
    };

    return Logo;
}());