How do you create a timer using JavaScript?

Question

Anubhav Kumar · Answer

Creating a timer in JavaScript is quite straightforward. Here’s a simple example of how you can create a countdown timer:
andlt;!DOCTYPE htmlandgt;
andlt;html lang="en"andgt;
andlt;headandgt;
    andlt;meta charset="UTF-8"andgt;
    andlt;meta name="viewport" content="width=device-width, initial-scale=1.0"andgt;
    andlt;titleandgt;Countdown Timerandlt;/titleandgt;
andlt;/headandgt;
andlt;bodyandgt;
    andlt;div id="timer"andgt;10:00andlt;/divandgt;
    andlt;scriptandgt;
        // Set the countdown time in seconds
        let time = 600; // 10 minutes
        // Function to update the timer
        function updateTimer() {
            let minutes = Math.floor(time / 60);
            let seconds = time % 60;
            // Add leading zeros if needed
            minutes = minutes andlt; 10 ? '0' + minutes : minutes;
            seconds = seconds andlt; 10 ? '0' + seconds : seconds;
            // Display the timer
            document.getElementById('timer').textContent = minutes + ':' + seconds;
            // Decrease the time by one second
            time--;
            // Stop the timer when it reaches zero
            if (time andlt; 0) {
                clearInterval(timerInterval);
                document.getElementById('timer').textContent = "Time's up!";
            }
        }
        // Update the timer every second
        let timerInterval = setInterval(updateTimer, 1000);
    andlt;/scriptandgt;
andlt;/bodyandgt;
andlt;/htmlandgt;
This code sets up a simple countdown timer that starts from 10 minutes and updates every second. When the timer reaches zero, it stops and displays “Time’s up!”.
Feel free to ask if you need any more details or have other questions!

forum

How do you create a timer using JavaScript?

ICSM Computer

Can you answer this question?

1 Answers

Liked By