Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums How do you create a timer using JavaScript? – MindStick
Ask Question

1 Answers

Anubhav Sharma
Anubhav Sharma 08 Nov 2024
Report Abuse

Creating a timer in JavaScript is quite straightforward. Here’s a simple example of how you can create a countdown timer:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Countdown Timer</title>
</head>
<body>
    <div id="timer">10:00</div>
    <script>
        // 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 < 10 ? '0' + minutes : minutes;
            seconds = seconds < 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 < 0) {
                clearInterval(timerInterval);
                document.getElementById('timer').textContent = "Time's up!";
            }
        }

        // Update the timer every second
        let timerInterval = setInterval(updateTimer, 1000);
    </script>
</body>
</html>

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!

MindStick Training
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md