two setTimeout functions not working separately

Question

My value adds 0.0150 in every 90ms and when value becomes 2.15, 0.0150 is being added in every 80ms, But I want to make two of those functions, I mean that after 3.15 I want 0.0150 to be added in every 70 and etc I wrote this function but not working any solutions ?

  data:{
    crashValue: 1
  },
  mounted(){
    this.startTimer();
  },
  methods:{
    crashFunction: function() {
      this.crashValue += 0.0150;
      this.startTimer();
    },
    startTimer(){
      setTimeout(this.crashFunction, this.crashValue > 2.15 ? 80 : 90);
      setTimeout(this.crashFunction, this.crashValue > 3.15 ? 70 : 80); // When I add this it value goes up really really fast
    }
  }

          <h2 class="crashNumber">{{ crashValue.toFixed(2) }}x</h2><br />

Can you give the link to some sandbox with your code to play with it? — webprogrammer
– webprogrammer, Commented Jan 19, 2020 at 18:34

skirtle · Accepted Answer · 2020-01-19 18:38:55Z

1

Do you mean something like this?

startTimer () {
  let interval = 90

  if (this.crashValue > 2.15) {
    interval = 80
  }

  if (this.crashValue > 3.15) {
    interval = 70
  }

  setTimeout(this.crashFunction, interval);
}

In your code you're creating two timers that are running at the same time. Every time one of those timers fires it'll create another two timers, leading to an exponential growth in the number of timers running.

If I've understood correctly then you just need a single timer and a bit of suitable logic to determine the current interval.

answered Jan 19, 2020 at 18:38

skirtle

29.3k4 gold badges49 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

two setTimeout functions not working separately

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related