tutorials

Orbiting Elements (using css)

Site age counters track the site's release date and says how many days, hours, months the site has been open at. There are different ones too, like an example below.

The code for the date!

  
    <div id="Age"></div>

<script>
    const hourInMillis = 3600000;
    const dayInMillis = 86400000;
    const monthInMillis = 2592000000; // this number assumes a month with 30 days
    
    // replace the below date with your date
    const myDate = new Date("Fri, 25 Oct 2024 16:14:04 -0000");

    function getAge() {
        let diff = Date.now() - myDate.valueOf();

        let months = Math.floor(diff / monthInMillis);
        diff = diff - (months * monthInMillis);

        let days = Math.floor(diff / dayInMillis);
        diff = diff - (days * dayInMillis);

        let hours = Math.floor(diff / hourInMillis);

        let formattedTime = " " + months + " months, " + days + " days, " + hours + " hours";
        document.getElementById("Age").innerText = formattedTime;
    }
    getAge();
    setInterval(getAge, 60000); // Calls getAge() every minute
</script>

If your advanced enough in javascript, you can maybe add a custom counter!! It's fully custom so you can freely use it and do anything!
(credit not required)

Go back?