add "complete" functionality to play

Author: krazyjakee

example/index.html

@@ -59,8 +59,9 @@
             delay: 0,
             iterationCount: 'infinite',
             direction: 'normal',
-            fillMode: 'forwards'
-          }, increment);
+            fillMode: 'forwards',
+            complete: increment
+          });
 
           break;
         case 'spin':
@@ -76,8 +77,9 @@
             name: 'ball-roll',
             duration: "3s",
             timingFunction: 'linear',
-            iterationCount: 'infinite'
-          }, increment);
+            iterationCount: 'infinite',
+            complete: increment
+          });
 
           break;
         case 'delay':
@@ -88,8 +90,9 @@
             duration: "3s",
             timingFunction: 'linear',
             delay: "3s",
-            iterationCount: 'infinite'
-          }, increment);
+            iterationCount: 'infinite',
+            complete: increment
+          });
 
           break;
         case 'once':
@@ -98,8 +101,9 @@
           $('.ball').playKeyframe({
             name: 'ball-roll',
             duration: "3s",
-            timingFunction: 'ease'
-          }, increment);
+            timingFunction: 'ease',
+            complete: increment
+          });
 
           break;
         case 'multi':
@@ -111,8 +115,9 @@
               duration: "3s",
               timingFunction: 'ease',
               iterationCount: 1
-            }
-          ], increment);
+            },
+            increment
+          ]);
       }
     })
 

jquery.keyframes.js

@@ -42,7 +42,7 @@
             var css = "@" + vendorPrefix + "keyframes " + frameName + " {";
 
             for (var key in frameData) {
-                if (key !== "name" && key !== "media") {
+                if (key !== "name" && key !== "media" && key !== "complete") {
                     css += key + " {";
 
                     for (var property in frameData[key]) {
@@ -111,7 +111,7 @@
     };
 
     $.fn.playKeyframe = function(frameOptions, callback) {
-
+        
         var animObjToStr = function(obj){
             obj = $.extend({
                 duration: '0s',
@@ -145,6 +145,10 @@
         var animationkey = vendorPrefix + "animation";
         var pfx = ["webkit", "moz", "MS", "o", ""];
 
+        if(!callback && frameOptions.complete){
+            callback = frameOptions.complete;
+        }
+
         var _prefixEvent = function(element, type, callback) {
             for(var i = 0; i < pfx.length; i++){
                 if (!pfx[i]) {