Sleeping in TypeScript
When implementing business logic, you often need to add a delay to a function or sleep for a while waiting for an API call.
This article will discuss different ways and concepts of sleeping threads in TypeScript.
Using blocking to sleep threads in TypeScript
Blocking can be used to wait for a period of time in a synchronous manner. The following code example demonstrates how to block a thread so that it can execute after a few seconds.
function delayBlocking(milliseconds: number){
const timeInitial : Date = new Date();
var timeNow : Date = new Date();
for ( ; timeNow - timeInitial < milliseconds; ){
timeNow = new Date();
}
console.log('Sleep done!');
}
console.log('Starting, will sleep for 5 secs now');
delayBlocking(5000);
console.log('Normal code execution continues now');
Output:
Starting, will sleep for 5 secs now
Sleep done!
Normal code execution continues now
The above code snippet will certainly stop execution for some time, but sometimes this is not the desired effect because the delay is so large that the whole code is blocked.
Using Promise Sleep in TypeScript
setTimeout
The function is used to resolve after some delay Promise
. This method can be chained with then
or async...await
. The following code snippet shows then
the behavior of .
function delay(milliseconds : number) {
return new Promise(resolve => setTimeout( resolve, milliseconds));
}
console.log('Starting, will sleep for 5 secs now');
delay(5000).then(() => console.log('Normal code execution continues now') );
Using async..await
it it can be achieved as per the following code snippet −
function delay(milliseconds : number) {
return new Promise(resolve => setTimeout( resolve, milliseconds));
}
( async() => {
console.log('Starting, will sleep for 5 secs now');
await delay(5000);
console.log('Normal code execution continues now');
})();
For reprinting, please send an email to 1244347461@qq.com for approval. After obtaining the author's consent, kindly include the source as a link.
Related Articles
Handling exceptions with try..catch..finally in TypeScript
Publish Date:2025/04/15 Views:170 Category:TypeScript
-
This article will discuss try..catch..finally handling exceptions in TypeScript using the statement. Handling exceptions in TypeScript In TypeScript, try..catch..finally a block handles exceptions that occur during program runtime. It allow
Convert JSON object to a class in TypeScript
Publish Date:2025/04/15 Views:80 Category:TypeScript
-
Data on the internet flows in the form of strings, which can be converted into a very popular format called JSON. The JSON representation of this data usually represents an object or even a class in TypeScript. TypeScript provides the abili
Update TypeScript to the latest version using NPM
Publish Date:2025/04/15 Views:119 Category:TypeScript
-
This article provides a guide to update to the latest version of TypeScript using npm, which is the best and most popular method used by developers. This also gives us an in-depth look at what npm is and why to use it. Node Package Manager
Using jQuery and TypeScript
Publish Date:2025/04/15 Views:148 Category:TypeScript
-
This article provides the basic understanding and concepts of using jQuery with TypeScript. It guides on how to use jQuery in TypeScript through a coding example and outputs using various methods in TypeScript and provides knowledge about w
Checking for undefined in TypeScript
Publish Date:2025/04/15 Views:196 Category:TypeScript
-
This article will demonstrate how programmers can check for undefined in TypeScript using various coding examples and situations. It not only gives you an understanding of checking for undefined in TypeScript, but also helps in differentiat
exclude attribute in TypeScript
Publish Date:2025/04/15 Views:190 Category:TypeScript
-
This article will discuss excluding properties from a TypeScript type. The exclude property is used to create another type from an existing type with fewer or modified properties. Omit Exclude properties from types in TypeScript TypeScript
Function return types in TypeScript
Publish Date:2025/04/15 Views:174 Category:TypeScript
-
TypeScript is a strongly typed language and it is always encouraged to define the types correctly for all variables used in TypeScript. These types can help in development later, especially during debugging. In addition to variables, functi
Dictionary or map type in TypeScript
Publish Date:2025/04/15 Views:131 Category:TypeScript
-
Dictionaries or maps are used to quickly retrieve items from an object. TypeScript does not have any concept of maps or dictionaries. Plain JavaScript has objects that can set and retrieve key-value pairs. TypeScript provides Record types t
Regular expressions in TypeScript
Publish Date:2025/04/15 Views:104 Category:TypeScript
-
RegExp Is a regular expression used to match a fixed set of characters in a target string using TypeScript. RegExp Objects have many properties and methods. Each property has different options when pattern matching. Using regular expression