Проблема с движением объекта с течением времени
Подскажите пожалуйста: мне нужно сделать так, чтобы отступ от левого края у картинки увеличивался каждую секунду. Пытался сделать таймером но что-то ничего не выходит((
вот как я создаю картинку:
function sh() {
var mimg=document.createElement('img');
mimg.src='img/shot.png';
mimg.style.position='absolute';
mimg.width=16;
mimg.height=16;
mimg.style.paddingLeft=xplayer*32;
mimg.style.paddingTop=yplayer*32;
document.getElementById('field').appendChild(mimg);
}
}
ума не приложу как сделать, подскажите люди добрые)) |
Я могу ошибаться, но разве не надо добавлять 'px' или '%' в конце цифр?
|
var xplayer=1;
var yplayer=1;
function sh()
{
var mimg=document.createElement('img');
//mimg.src='img/shot.png';
mimg.src='http://javascript.ru/forum/images/editor/smilie.gif';
mimg.style.position='absolute';
//mimg.width=16;
//mimg.height=16;
mimg.style.paddingLeft=xplayer*32;
//mimg.style.paddingTop=yplayer*32;
//document.getElementById('field').appendChild(mimg);
document.body.appendChild(mimg);
setInterval(function(){mimg.style.paddingLeft=parseInt(mimg.style.paddingLeft)+5}, 1000);
};
sh();
|
| Часовой пояс GMT +3, время: 14:42. |