Async

AzharAli-github · AzharAli-github · commit 708932f7bd0f · 2023-01-09T12:09:45.000+05:00
diff --git a/JavaScript/Advance/Async/2.Asynchhronous/images/js-logo.png b/JavaScript/Advance/Async/2.Asynchhronous/images/js-logo.png
diff --git a/JavaScript/Advance/Async/2.Asynchhronous/index.html b/JavaScript/Advance/Async/2.Asynchhronous/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Asynchronous</title>
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+    <h2 id="textOne"></h2>
+    <h2 id="textTwo"></h2>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/Async/2.Asynchhronous/script.js b/JavaScript/Advance/Async/2.Asynchhronous/script.js
@@ -0,0 +1,25 @@
+/* 
+     In Asynchronous functions run parallel to each other which are called Asynchronous 
+     Best example is setTimeOut()
+     and setInterval()
+*/
+
+//  Example of setTimeOut
+
+function DisplayOne() {
+    let text = "Hey There!";
+    document.getElementById('textOne').innerHTML = text;
+}
+
+setTimeout(DisplayOne, 2000); //Here we have called a function and also defined after how many miliseconds will the function load
+
+
+//  Example of setInterval()
+
+function DispTwo() {
+    let x = new Date();
+    let time = x.getHours() + " : " + x.getMinutes() + " : " + x.getSeconds();
+    document.getElementById('textTwo').innerHTML = time;
+}
+
+setInterval(DispTwo, 1000);
