Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Проблема с движением объекта с течением времени (https://javascript.ru/forum/css-html/32712-problema-s-dvizheniem-obekta-s-techeniem-vremeni.html)

freestail 26.10.2012 19:41

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

ума не приложу как сделать, подскажите люди добрые))

IDCh 30.10.2012 14:41

Я могу ошибаться, но разве не надо добавлять 'px' или '%' в конце цифр?

Маэстро 13.11.2012 02:37

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.