Merge pull request #8404 from I-ArchanaDash/Frontend_Web_Development_…

…HTML_CSS_JS

Timing events in JavaScript

Web_Development/Javascript/Timing events in JavaScript/Timing_events.md

@@ -0,0 +1,45 @@
+# Timing Events in JavaScript
+- The execution of a code is done at particular time intervals .These time intervals are called **Timing events**.
+- There are two native functions in JS library to achieve it. 
+
+    1. setTimeout(function,milliseconds)
+    2. setInterval(function,milliseconds)
+- ## setTimeout()
+  - The setTimeout(function,milliseconds) method calls function after the specified time.
+  - The function is executed once.
+
+  **Example** //It displays alert message after 2 secs
+  ```html
+    <button onclick="setTimeout(function_Alert, 2000);">Register</button>
+    <script>
+        function function_Alert() {
+        alert('Congrats, your account is created');
+        }
+    </script> 
+OUTPUT 
+
+<img src="https://github.com/I-ArchanaDash/winter-of-contributing/blob/c79206a52e252f75f80720f42f75884ba6b7e737/Web_Development/Javascript/Timing%20events%20in%20JavaScript/Images/Screenshot%202021-11-30%20183142.png" width="100%" height="300"> 
+
+- ## setInterval()
+  - The setTimeout(function,milliseconds) method calls function at every given interval.
+  - The function is called after every given interval and the execution will be continued until cleared. 
+
+  **Example** //It displays the text after every 2 secs 
+  ```html
+    <script>
+        var var1 = setInterval(text, 2000);
+        function text() {
+        var var2 = document.write("Welcome to GWOC"+"<br>");
+        }
+    </script> 
+OUTPUT 
+
+<img src="https://github.com/I-ArchanaDash/winter-of-contributing/blob/c79206a52e252f75f80720f42f75884ba6b7e737/Web_Development/Javascript/Timing%20events%20in%20JavaScript/Images/Screenshot%202021-11-30%20183044.png" width="300" height="300"><br> ........................ 
+
+**NOTE**
+- To stop the timer - 
+  1. clearTimeout(setTimeout variable) 
+  2. clearInterval(setInterval variable)
+
+
+