CountEverest - Callback Demo

This demo shows how to use the callback feature to display a message when the countdown completes.

Countdown with Callback

When this countdown reaches zero, a message will appear below.

🎉 Countdown completed! The callback function was executed successfully.

        new CountEverest(element, options, function() {
        // This function runs when countdown reaches zero
        const messageEl = document.getElementById('message');
        messageEl.classList.add('show');
        });

        // Dynamic target date (10 seconds from now)
        const targetDate = new Date();
        targetDate.setSeconds(targetDate.getSeconds() + 10);

        new CountEverest(element, {
        year: targetDate.getFullYear(),
        month: targetDate.getMonth() + 1,
        day: targetDate.getDate(),
        hour: targetDate.getHours(),
        minute: targetDate.getMinutes(),
        second: targetDate.getSeconds()
        }, function() {
        const messageEl = document.getElementById('message');
        messageEl.classList.add('show');
        });