JavaScript
2
Вклад в тег
var Car=function (x, y){
this.x=x;
this.y=y;
this.draw();
};
Car.prototype.draw=function(){
var carHtml='<img width="100" src="../BMW_Car_PNG_VectorForFree.jpg">';
this.carElement=$(carHtml);
this.carElement.css({
position: "absolute",
left: this.x,
top: this.y
});
$("body").append(this.carElement);
};
Car.prototype.moveRight=function(distance){
this.x+=distance;
this.carElement.css({
left: this.x,
top: this.y
});
};
var tesla=new Car(0, 130);
var nissan =new Car (0, 230);
var ford=new Car(0, 330);
var tesla1=new Car(0, 430);
var nissan1 =new Car (0, 530);
var ford1=new Car(0, 630);
var carMoving=function(){
tesla.moveRight(Math.random()*2);
nissan.moveRight(Math.random()*2);
ford.moveRight(Math.random()*2);
tesla1.moveRight(Math.random()*2);
nissan1.moveRight(Math.random()*2);
ford1.moveRight(Math.random()*2);
};
var carInterval;
var activeStartBtn= function(){
$("#startM").css("background", "green").attr("disabled",false);
$("#stopM").css("background", "grey").attr("disabled",true);
}
var activeStopBtn= function(){
$("#startM").css("background", "grey").attr("disabled",true);
$("#stopM").css("background", "red").attr("disabled",false);
}
var starting=function(){
activeStopBtn();
carInterval = setInterval(carMoving,5); //Что бы дальше остановить интервал, нам нужно его к чему то привязать, к примеру к переменной
}
var stop=function(){
activeStartBtn()
clearInterval(carInterval); //А здесь мы уже останавливаем ссылаясь напеременную
}
activeStartBtn();
$("#stopM").click(function(){ stop() });
$("#startM").click(starting);