Async javascript ...

Wcoder547 · Wcoder547 · commit 5c0d3218cfcd · 2024-06-21T10:23:58.000+05:00
diff --git a/Async_JavaScript/1st.html b/Async_JavaScript/1st.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Async Javascript with Two Projects</title>
+  </head>
+  <body>
+    <h1 id="name">Waseem Malik</h1>
+    <button id="stop">stop</button>
+  </body>
+  <script>
+    // console.log("is js working");
+    // setTimeout(() => {
+    //   console.log("waseem akram");
+    // }, 2000); //time in milli-seconds=> 1s=1000
+    // function changeh1() {
+    //   const changeName = document.getElementById("name");
+    //   changeName.innerHTML = "hafiz Fahad iqbal";
+    // }
+
+    // const stop = setTimeout(changeh1, 3000);
+
+    // document.querySelector("#stop").addEventListener("click", function () {
+    //   clearTimeout(stop);
+    //   console.log("STOPPED");
+    // });
+  </script>
+</html>
diff --git a/Async_JavaScript/2nd.html b/Async_JavaScript/2nd.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Async Javascript with Two Projects</title>
+  </head>
+  <body>
+    <h1 id="name">M Talha Makhdoom</h1>
+    <button id="start">start</button>
+    <button id="stop">stop</button>
+  </body>
+  <script>
+    // console.log("is js working");
+    // setInterval(() => {
+    //   console.log("waseem akram", Date.now());
+    // }, 1000);
+
+    const sayDate = function (str) {
+      console.log(str, Date.now()); //you can use default value also just like i passed it as parameter str whcih value is hi
+    };
+    const stopInterval = setInterval(sayDate, 1000, "hi");
+
+    document.getElementById("stop").addEventListener("click", () => {
+      clearInterval(stopInterval);
+    });
+  </script>
+</html>
