JavaScript_basic/event3.html at main · deepeshahirwar/JavaScript_basic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Asynchronous js</title>
</head>
<body style="background-color: #313131; color: aliceblue;">
   <h2> Asynchronous js </h2>
   <button>Stop</button>
</body>
 <script>
 //setTimeout,clearTimeout
 const sayDeepesh = function(){
    console.log("Deepesh");
 }
 const changeText = function(){
   document.querySelector('h2').
   innerHTML ="Hitesh"
 }
const changeMe = setTimeout(changeText, 2000);

document.querySelector('button').
addEventListener('click', function(){
    clearTimeout(changeMe);
    console.log("STOPPED");
})


</script>
</html>