transitionendのJS

transitionend.js

  /**
   * transitionEndのイベント
   *
   * 使えない場合はsetTimeout
   */
  $.fn.extend({
    transitionEnd: function() {
      var style    = document.createElement('div').style;
      var canUse   = "transition" in style || "WebkitTransition" in style;
      var defer    = new $.Deferred();
      var duration = parseFloat($(this).css('transition-duration')) * 1000;

      if ( canUse ) {
        $(this).on('transitionend webkitTransitionEnd', function() {
          defer.resolve();
        });
      } else {
        setTimeout(function() {
          defer.resolve();
        }, duration);
      }

      return defer.promise();
    }
  });