Using Delay or Sleep function in NativeScript/Angular for executing tasks asynchronously

Question

Using Delay or Sleep function in NativeScript/Angular for executing tasks asynchronously

My Sleep/Delay function is giving me trouble.

I attempted to utilize the delay function from 'rxjs/operators', but it seems to be failing.

Below is my code snippet:

sentence: string = "Hallo"

wordToMorse(sentence: any) {
        for (var char of sentence) {
            if (char != " ") {
                this.vibrateWord(char);
                this.pause(1000);

            } else {
                this.pause(1000);
            }

        }
    }

vibrateWord(character: any) {
        if (character == "H") {
            this.vibrator.vibrate(500);
        } else if (character == "a") {
            this.vibrator.vibrate(1000);
        } else if (character == "l") {
            this.vibrator.vibrate(500);
        } else if (character == "o") {
            this.vibrator.vibrate(2000);
        }
    }

async pause(ms: number) {
        await new Promise(resolve => setTimeout(()=>resolve(), ms)).then(()=>console.log("fired"));
    }

I am anticipating that there should be a 1-second delay after each vibration for a letter in the sentence.

angular typescript nativescript

Answer 1

Answer №1

The position of the async await in your code needs to be adjusted, here is a revised version:

async wordToMorse(sentence: any) { // <------ Update
    for (var char of sentence) {
        if (char != " ") {
            this.vibrateWord(char);
            await this.delay(1000); // <------ Update

        } else {
            await this.delay(1000); // <------ Update
        }

    }
}

delay(ms: number) { // <------ Update
    return new Promise(resolve => setTimeout(()=>resolve(), ms)).then(()=>console.log("fired")); // <------ Update
}

Answer 2

The position of the async await in your code needs to be adjusted, here is a revised version:

async wordToMorse(sentence: any) { // <------ Update
    for (var char of sentence) {
        if (char != " ") {
            this.vibrateWord(char);
            await this.delay(1000); // <------ Update

        } else {
            await this.delay(1000); // <------ Update
        }

    }
}

delay(ms: number) { // <------ Update
    return new Promise(resolve => setTimeout(()=>resolve(), ms)).then(()=>console.log("fired")); // <------ Update
}

Answer 3

Answer №2

If you want to achieve this task in a neat manner, you can utilize Observables:

from(sentence.split('')).pipe(
      take(sentence.length),
      concatMap(letter => of(letter).pipe(delay(1000))),
      tap(letter => {
        // implement vibration logic here
      })
    ).subscribe();

Answer 4

If you want to achieve this task in a neat manner, you can utilize Observables:

from(sentence.split('')).pipe(
      take(sentence.length),
      concatMap(letter => of(letter).pipe(delay(1000))),
      tap(letter => {
        // implement vibration logic here
      })
    ).subscribe();

Using Delay or Sleep function in NativeScript/Angular for executing tasks asynchronously

Answer №1

Answer №2

Similar questions

When the JSON array is converted into a string, it appears as undefined

Managing background tasks with Node.js in real-time

Having trouble updating state with useEffect in a React functional component

Issues with the Bootstrap Grid System not functioning correctly when inter-component communication is needed in Angular from parent to

Can the output object from an angular form validator be obtained and utilized?

Issues Arising from Abstraction of Function to Service Layer in Angular Application

Is Typescript reliable when working with a reference to a DOM element?

Looking to set multiple documents at once in AngularFire2 (firestore) similar to RealTime Database functionality?

Unit testing in Angular - creating mock services with observables

Deploying a Spring Boot and Angular application

Challenges arise when attempting to break down an API into separate components rather than consolidating it into a

Transform Observable RxJS into practical results

Identify when a click occurs outside of a text input

Using select2 in Angular 6: A step-by-step guide

Dealing with Nodejs promises can be frustrating, especially when encountering errors, but incorporating the Sequelize ORM can

Implementing cursor-based pagination in Next.js API Route with Prisma and leveraging the power of useSWRInfinite

An error occurred during runtime while attempting to resolve all parameters for the UserService

Searching within an Angular component's DOM using JQuery is restricted

Do we need to manually transfer data between component data and form data when saving/loading from a web API?

The issue with Cypress AzureAD login is that it consistently redirects users away from the intended Cypress window