Ответ 1
Объект JavaScript просто не имеет свойство length
, только Arrays
. Если вы хотите узнать количество свойств, которые определены на объекте, вы должны перебирать их и считать их.
Кроме того, ваш цикл for in
подвержен ошибкам, связанным с расширением Object.prototype
, поскольку в нем будет проходить цепочка прототипов и перечислены все свойства, которые находятся на цепь.
Пример
// Poisoning Object.prototype
Object.prototype.bar = 1;
var foo = {moo: 2};
for(var i in foo) {
console.log(i); // logs both 'moo' AND 'bar'
}
Вы должны использовать метод hasOwnProperty объекта, чтобы отфильтровать эти нежелательные свойства.
// still the foo from above
for(var i in foo) {
if (foo.hasOwnProperty(i)) {
console.log(i); // only logs 'moo'
}
}
Многие рамки JavaScript там расширяют прототип, а не используя hasOwnProperty
, часто приводят к ужасным ошибкам.
Обновление
Относительно реальной проблемы, что ваш код не является анимацией обоих свойств.
for(var p in properties) {
...
for(var i = 0; i <= frames; i++)
{
setTimeout((function(exti, element) {
return function() {
// p gets overriden by for outer for in loop
element.style[p] = original + (pixels * exti) + 'px';
}
// you need to pass in a copy of the value of p here
// just like you do with i and element
})(i, element), i * (1000 / 60), element);
}
....
}