Не работает анимация.
Есть 2 элемента
<style>
#container { /* описание эемента с id=container*/
width: 200px;
height: 200px;
background: green;
position: relative;
}
#box {
width: 50px;
height: 50px;
background: red;
position: absolute;
}
</style>
<div id="container">
<div id="box"></div>
</div>
и скрипт к ним:
window.onload = function() {
var pos = 0; //старотовая позиция
var box = document.getElementByld('box'); //выбираем объект по ID
var t = setInterval(move, 10);
function move() {
if(pos >= 150){
clearInterval(t);
}
else {
pos += 1;
box.style.left = pos + 'px'; //px = pixels
}
}
};
С телефона тоже самое вбиваю, всё работает. Пишу с брекетсов на компьютере, квадрат просто стоит на месте. В чём проблема?
|