Показать сообщение отдельно
  #2 (permalink)  
Старый 31.03.2020, 10:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

tone4ka,
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>cars</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script>

var Car=function(x,y){
this.x=x;
this.y=y;
this.draw();
};

Car.prototype.draw=function(){
var carHtml='<img src="http://nostarch.com/images/car.png">';
this.carElement=$(carHtml);
this.carElement.css({
position:"absolute",
left:this.x,
top:this.y
});
$("body").append(this.carElement);
};

Car.prototype.moveRight=function(s){
this.x+=s;
this.carElement.css({
left:this.x,
top:this.y
});
};

Car.prototype.intRight=function(){
var move = () => {this.moveRight(2); requestAnimationFrame(move);}
requestAnimationFrame(move);
};

var tesla=new Car(20,20);
var kia=new Car(100,200);
tesla.intRight();
kia.intRight();
</script>
</body>
</html>



[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием