Typoskript Schlaf

Ich entwickle eine Website in Angular 2 mit Typescript und habe mich gefragt, ob es eine Möglichkeit gibt, thread.sleep(ms)Funktionen zu implementieren .

Mein Anwendungsfall besteht darin, die Benutzer nach dem Absenden eines Formulars nach einigen Sekunden umzuleiten, was in HTML oder Javascript sehr einfach ist, aber ich bin mir nicht sicher, wie ich es in Typescript machen soll.

Danke vielmals,

Sie müssen auf TypeScript 2.0 mit async/ awaitfür ES5-Unterstützung warten, da es jetzt nur für die Kompilierung von TS zu ES6 unterstützt wird.

Sie können eine Verzögerungsfunktion erstellen mit async:

function delay(ms: number) {
    return new Promise( resolve => setTimeout(resolve, ms) );
}

Und nenn es

await delay(300);

Bitte beachten Sie, dass Sie awaitnur die Innenfunktion verwenden asynckönnen.

Wenn Sie dies nicht können ( sagen wir, Sie erstellen eine NodeJS-Anwendung ), platzieren Sie Ihren Code einfach in einer anonymen asyncFunktion. Hier ist ein Beispiel:

    (async () => { 
        // Do something before delay
        console.log('before delay')

        await delay(1000);

        // Do something after
        console.log('after delay')
    })();

Beispiel für eine TS-Anwendung: https://github.com/v-andrew/ts-template

In OLD JS müssen Sie verwenden

setTimeout(YourFunctionName, Milliseconds);

oder

setTimeout( () => { /*Your Code*/ }, Milliseconds );

Jedoch mit jedem großen Browser, der unterstützt async/ awaites ist veraltet.

Update: TypeScript 2.1 ist hier mit async/await.

Vergessen Sie jedoch nicht, dass Sie Promisebeim Kompilieren auf ES5 eine Implementierung benötigen, bei der Promise nicht nativ verfügbar ist.

Das funktioniert: (dank der Kommentare)

setTimeout(() => 
{
    this.router.navigate(['/']);
},
5000);

Aus irgendeinem Grund funktioniert die oben akzeptierte Antwort in neuen Versionen von Angular (V6) nicht.

dafür benutze das ..

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

oben hat für mich gearbeitet.

Verwendung:

this.delay(3000);

ODER genauer Weg

this.delay(3000).then(any=>{
     //your task after delay.
});

Mit RxJS:

import { timer } from 'rxjs';

// ...

timer(your_delay_in_ms).subscribe(x => { your_action_code_here })

x ist 0.

Wenn Sie ein zweites Argument geben periodzu timer, wird eine neue Nummer jeweils abzugebenden periodMillisekunden (x = 0 , dann ist x = 1, x = 2, ...).

Weitere Informationen finden Sie im offiziellen Dokument .

Wenn Sie angle5 und höher verwenden, fügen Sie bitte die folgende Methode in Ihre ts-Datei ein.

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

Rufen Sie dann diese delay () -Methode auf, wo immer Sie möchten.

z.B:

validateInputValues() {
    if (null == this.id|| this.id== "") {
        this.messageService.add(
            {severity: 'error', summary: 'ID is Required.'});
        this.delay(3000).then(any => {
            this.messageService.clear();
        });
    }
}

Das Knurren der Nachricht verschwindet nach 3 Sekunden.

import { timer } from 'rxjs';

await timer(1000).take(1).toPromise();

Das funktioniert besser für mich

Oder anstatt eine Funktion zu deklarieren, einfach:

setTimeout(() => {
    console.log('hello');
}, 1000);