Проблема с движением объекта с течением времени
Подскажите пожалуйста: мне нужно сделать так, чтобы отступ от левого края у картинки увеличивался каждую секунду. Пытался сделать таймером но что-то ничего не выходит((
вот как я создаю картинку: 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, время: 13:25. |