Задать вопрос
  • Почему click на кнопке START работает, а на кнопке STOP не срабатывает?

    @Ivan1331
    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);
    Ответ написан
    1 комментарий