Counter 1 to 10 with Time out in HTML,JS

September 29, 2022September 21, 2022 by Gaurav Dixit

Read Time:17 Second

<!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
	</head>
	<body>
        <h1 id="counter"></h1>
		<script>
           let time = 1

const interval = setInterval(() => {

 document.getElementById("counter").innerHTML=time;
                // time is up
  if (time === 10) {
      document.getElementById("counter").innerHTML="TimeUp";
    clearInterval(interval);
  }

  time++;
}, 1000);
        </script>

        
	</body>
</html>