Call function after set timeout in Angular 12 TypeScript?

Question

I would like to use saveAsDraft function after set timeout process. But I get an error. What do I use for this? Callback, promise or ...

  export class EditBlogComponent implements OnInit {
    ...
    //For draft save
    typingTimer:any;
    doneTypingInterval = 5000;
    ....

    saveAsDraft(blog:Blog) {
       console.log("Taslak kaydediliyor.", this.blog);
    }

    draftSecond(formValue: string) {
        clearTimeout(this.typingTimer);
        this.typingTimer = setTimeout(saveAsDraft(this.blog), 
        this.doneTypingInterval);
    }
  }

Image;

Thomas David Kehoe · Accepted Answer · 2023-02-16 15:58:43Z

1

Your call to saveAsDraft should be inside a function.

The syntax is -

setTimeout(function(){ ... }, timeInMilliseconds);

So your call should be -

setTimeout(function(){
     saveAsDraft(this.blog);
}, timeInMilliseconds);

Additionally, just check if this is available inside the function(). It might not be. so you can do like -

var refToThis = this;
setTimeout(function(){
     refToThis.saveAsDraft(refToThis.blog);
}, timeInMilliseconds);

or use arrow functions

setTimeout(()=>{
     this.saveAsDraft(this.blog);
}, timeInMilliseconds);

You can not access saveAsDraft without this since that is a class member and can only be accessed using its object.

edited Feb 16, 2023 at 15:58

Thomas David Kehoe

11k18 gold badges77 silver badges124 bronze badges

answered Nov 13, 2021 at 16:19

Ravi Kumar Gupta

1,7882 gold badges24 silver badges41 bronze badges

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

4 Comments

ofcskn Over a year ago

When I do like this, I got an error. "Cannot find name 'saveAsDraft'"

Ravi Kumar Gupta Over a year ago

That's because the saveAsDraft() is a class function.

ofcskn Over a year ago

Thank you. The problem solved

Ravi Kumar Gupta Over a year ago

Glad I could help :)

Collectives™ on Stack Overflow

Call function after set timeout in Angular 12 TypeScript?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related