Added a example of setInterval and stopping/Clearing that setInterval.

aayushyadavz · aayushyadavz · commit d09542d589d6 · 2024-06-21T01:21:53.000+05:30
diff --git a/08_Events/three.html b/08_Events/three.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Set Interval</title>
+</head>
+<body>
+    <h1></h1>
+    <button id="start">Start</button>
+    <button id="stop">Stop</button>
+</body>
+<script>
+    // Took a variable globally
+    let start;
+
+    // Made a func. to update h1's inner text
+    function addText(str) {
+        document.querySelector('h1').innerHTML += str
+    }
+    
+    // Added a addEventListener in which a setInterval to perform a task on every 1 sec
+    document.querySelector('#start').addEventListener('click', function(){
+        start = setInterval(addText, 1000, ' Run') // (' Run') parameter passed
+    })
+
+    // Added a addEventListener to stop that interval
+    document.querySelector('#stop').addEventListener('click', function(){
+        clearInterval(start)
+    })
+</script>
+</html>
