Vuejs2 set timeout fails to execute the function after the set seconds

Question

AM trying to execute a function after 1 second using setTimeout but it fails to work

so i have

mounted(){
   this.getTime();
}

methods:{
 getTime(){

    setTimeout(()=>{
     console.log("test..");
    },1000)
   }
}

THe above only logs once

Ihave tried changing the arrow function in set timout to

setTimeout(function(){
  console.log("test")
 }, 1000);

But even so it fails

Where am i going wrong as i expect more than one print of test to the console

I prefer using the mounted hook as this function will perform other operations with this keyword which becomes available after mount

i expect more than one print of test to the console , there is just one log call that will be only executed once?! — Jonas Wilms
– Jonas Wilms, Commented May 23, 2018 at 15:58

Get Off My Lawn · Accepted Answer · 2018-05-23 16:02:27Z

1

setInterval will repeat until you tell it to stop, whereas setTimeout will only run once (unless it is canceled before it gets ran).

mounted(){
   this.getTime();
},
methods:{
 getTime(){
    setInterval(()=>{
     console.log("test..");
    }, 1000)
   }
}

Your other option is to call this.getTime() again at the end of your timeout like this:

mounted(){
   this.getTime();
},
methods:{
 getTime(){
    setTimeout(()=>{
     console.log("test..");
     this.getTime();
    }, 1000)
   }
}

answered May 23, 2018 at 15:57

Get Off My Lawn

36.6k47 gold badges201 silver badges381 bronze badges

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

1 Answer 1