// RegExp variables
var numRegExp =
/\s+|([A-Za-z?().,{}:""[\]#]+)|([-+/*%]+=)?([-+*/%]+)?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g;
// Helpers
function s2f(val) {
var floatedVal = parseFloat(val);
return typeof floatedVal === "number" && !isNaN(floatedVal) ? floatedVal : val;
}
var relativeModes = {
'+=': 1,
'-=': 1,
'*=': 2,
'/=': 3,
'%=': 4
};
function r2n(s, e) {
if (typeof e === 'number') {
return e - s;
} else {
var rv = relativeModes[e.substr(0, 2)],
v = e.substr(2);
if (rv === 1) {
var e2 = e[0] + v;
return (s + parseFloat(e2)) - s;
} else if (rv === 2) {
return (s * +v) - s;
} else if (rv === 3) {
return (s / +v) - s;
} else if (rv === 4) {
return (s * (+v / 100)) - s;
}
}
return e;
}
function s2n(str) {
return str.match(numRegExp).map(s2f);
}
// Splitted functions
var stringTween = function(s, e, d) {
d = d !== undefined ? d : 10000;
var sv = s2n(s);
var ev = s2n(e);
var rv = ev.map(function(e, i) {
return typeof e === 'string' && e.indexOf('=') === 1 ? e : null;
});
ev = ev.map(function(e, i) {
return rv[i] !== null ? r2n(sv[i], e) : typeof e === 'number' ? e - sv[i] : e;
});
return function(t) {
var str = '';
for (var i = 0, len = ev.length; i < len; i++) {
var a = sv[i],
b = ev[i],
r = rv[i];
str += typeof b === 'number' ? a + b * t : a;
if (t === 1 && r !== null) {
console.log('This script executes <code>t === 1</code>, relative value isn\'t null, but <code>sv</code> or <code>ev</code> not changes, this is BUG?');
sv[i] += b;
ev[i] = r2n(sv[i], r);
}
}
return str;
}
}
// Test case
var st = performance.now(),
rep = 1;
requestAnimationFrame(function anim(time) {
var t = (time - st) / 2000;
t = t > 1 ? 1 : t;
console.log('Executes', stringTween('translate3d(10px, 20px, 30px)', 'translate3d(+=20px, 30px, 35px)')(t));
if (t === 1) {
if (rep > 0) {
rep--;
st = time
} else {
return false;
}
}
requestAnimationFrame(anim);
});
Ну почему "Array" не изменяются, здесь какие-то ошибки (мои), либо это уже бог коротый все znayut
На StackOverflow:
https://stackoverflow.com/questions/45562961/javas...