-
Notifications
You must be signed in to change notification settings - Fork 0
/
trun.js
76 lines (65 loc) · 1.96 KB
/
trun.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
var animate = (function(){
"use strict";
var domPrefixes = 'webkit Moz O ms Khtml'.split(' '),
trans = '',
elm = document.createElement('div');
if( elm.style.transition ) {
trans = 'transition';
} else {
for( var i = 0; i < domPrefixes.length; i++ ) {
if( elm.style[domPrefixes[i] + 'Transition'] !== undefined ) {
trans = domPrefixes[i] + 'Transition';
break;
}
}
}
return function(element,animationName,S){
var stepCounter,repeats=0,currentTimer,initialClass;
S || (S={});
S.steps || (S.steps=3);
S.duration || (S.duration=100);
S.delay || (S.delay=0);
S.repeat || (S.repeat=1);
initialClass = element.getAttribute('class');
initialClass=(initialClass)?initialClass:'';
element.setAttribute('class',initialClass+' '+animationName);
if(trans !== ''){
element.style[trans] = 'All '+S.duration+'ms linear';
}
function next(){
stepCounter++;
if(stepCounter<=S.steps){
element.setAttribute('data-kframe',stepCounter);
currentTimer = setTimeout(next,S.duration);
}else{//end animation
element.removeAttribute('data-kframe');
element.setAttribute('class',initialClass);
if(repeats<S.repeat){
currentTimer = setTimeout(run,S.delay);
}
}
}
function run(overrideS){
if(overrideS){
overrideS.delay && (S.delay = overrideS.delay);
overrideS.duration && (S.duration = overrideS.duration);
overrideS.steps && (S.steps = overrideS.steps);
overrideS.repeat && (S.repeat = overrideS.repeat);
}
element.setAttribute('class',initialClass+' '+animationName);
stepCounter=0;
repeats++;
next();
}
function stop(){
clearTimeout(currentTimer);
element.removeAttribute('data-kframe');
element.setAttribute('class',initialClass);
}
currentTimer = setTimeout(run,S.delay); //skip to the moment after all methods are called
return {
run:run,
stop:stop
}
};
})();