Друкарський сон

Я розробляю веб-сайт у Angular 2 за допомогою Typescript і мені було цікаво, чи є спосіб реалізувати thread.sleep(ms)функціональність.

Моє використання полягає в тому, щоб перенаправити користувачів після подання форми через кілька секунд, що дуже легко в HTML або JavaScript, але я не впевнений, як це зробити в Typescript.

Велике дякую,

Вам потрібно чекати TypeScript 2.0 з підтримкою async/ awaitдля ES5, оскільки він підтримується лише для компіляції TS до ES6.

Ви зможете створити функцію затримки за допомогою async:

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

І зателефонуйте

await delay(300);

Зверніть увагу, що ви можете використовувати awaitлише внутрішню asyncфункцію.

Якщо ви не можете ( скажімо, ви будуєте додаток nodejs ), просто поставте свій код в анонімну asyncфункцію. Ось приклад:

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

        await delay(1000);

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

Приклад застосування TS: https://github.com/v-andrew/ts-template

У СТАРИЙ JS ви повинні використовувати

setTimeout(YourFunctionName, Milliseconds);

або

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

Однак з кожним головним браузером, який підтримує async/ awaitвін застарілий.

Оновлення: TypeScript 2.1 тут async/await.

Тільки не забувайте, що вам потрібна Promiseреалізація під час компіляції в ES5, де Promise доступний не в оригіналі.

Це працює: (завдяки коментарям)

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

Чомусь вищезгадана прийнята відповідь не працює в нових версіях Angular (V6).

для цього використовуйте це ..

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

вище працював для мене.

Використання:

this.delay(3000);

АБО більш точний спосіб

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

З RxJS:

import { timer } from 'rxjs';

// ...

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

x дорівнює 0.

Якщо ви даєте другий аргумент , periodщоб timerновий номер буде викидатися кожен periodмілісекунди (х = 0 , то х = 1, х = 2, ...).

Детальнішу інформацію див. У офіційному документі .

Якщо ви використовуєте angular5 і вище, будь ласка, включіть у свій файл ts метод нижче.

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

тоді зателефонуйте до цього методу затримки () куди завгодно.

наприклад:

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

Це зникне бурчання повідомлення через 3 секунди.

import { timer } from 'rxjs';

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

це працює для мене краще

Або замість того, щоб оголосити функцію, просто:

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