在相同的超时功能Angular / Javascript中显示和隐藏不同的元素

时间:2019-02-20 19:38:57

标签: javascript timeout

我具有以下两个属性:

show = false;
validation=false;

一个是在3秒钟内显示一个数字(记忆游戏类型),另一个是在数字消失后以及在插入正确的输入后用户单击按钮时显示“正确”或“错误”。我可以完成这项工作,但这将是DRY代码。有人可以给我提示吗?

计时器功能:

 timeOut(seconds: number) {
    this.show = true;
    setTimeout(
      function() {
        this.show = false;
      }.bind(this),
      seconds
    );
  }

它叫做:

levelSet() {
    this.timeOut(3000);
    //LEVEL 1
    if (this.users.score > 1) {
      this.randomNumberGenerate(1111, 99999);
    } else {
      this.randomNumberGenerate(1, 999);
    }
  }

但我也想在此方法中调用它:

validate() {
    if (Number(this.users.userInput) === this.users.result) {
      this.users.score++;
      this.users.userInput =null;
      this.validation=true; <-------------- here is to call?
      alert("right" + this.users.score);
    } else {
      alert("wrong");
      this.users.userInput =null;
    }
  }

0 个答案:

没有答案