Sono datilografado

Estou desenvolvendo um site no Angular 2 usando o Typecript e fiquei imaginando se havia uma maneira de implementar a thread.sleep(ms)funcionalidade.

Meu caso de uso é redirecionar os usuários após o envio de um formulário após alguns segundos, o que é muito fácil em html ou javascript, mas não sei como fazê-lo no TypeScript.

Muito Obrigado,

Você precisa aguardar o suporte ao TypeScript 2.0 com async/ awaitpara ES5, pois agora ele é compatível apenas com a compilação de TS para ES6.

Você seria capaz de criar uma função de atraso com async:

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

E chame

await delay(300);

Observe que você pode usar awaitapenas a asyncfunção interna .

Se você não puder ( digamos que esteja criando o aplicativo nodejs ), basta colocar seu código na asyncfunção anônima . Aqui está um exemplo:

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

        await delay(1000);

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

Exemplo de aplicativo TS: https://github.com/v-andrew/ts-template

No OLD JS você tem que usar

setTimeout(YourFunctionName, Milliseconds);

ou

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

No entanto, com todos os principais navegadores de suporte async/ awaité obsoleto.

Atualização: O TypeScript 2.1 está aqui com async/await.

Apenas não esqueça que você precisa de Promiseimplementação ao compilar no ES5, onde o Promise não está disponível nativamente.

Isso funciona: (graças aos comentários)

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

Por algum motivo, a resposta aceita acima não funciona em Novas versões do Angular (V6).

para isso use isso ..

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

acima funcionou para mim.

Uso:

this.delay(3000);

OU maneira mais precisa

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

Com RxJS:

import { timer } from 'rxjs';

// ...

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

x é 0.

Se você der um segundo argumento periodpara timer, um novo número será emitido a cada periodmilissegundo (x = 0 e x = 1, x = 2, ...).

Veja o documento oficial para mais detalhes.

Se você estiver usando angular5 e superior, inclua o método abaixo no seu arquivo ts.

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

em seguida, chame esse método delay () para onde desejar.

por exemplo:

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

Isso desaparecerá da mensagem após 3 segundos.

import { timer } from 'rxjs';

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

isso funciona melhor para mim

Ou, em vez de declarar uma função, simplesmente:

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