function getTimeRemaining(endtime) { var t = Date.parse(endtime) - Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor((t / (1000 * 60 * 60)) % 24); var days = Math.floor(t / (1000 * 60 * 60 * 24)); return { 'total': t, 'days': days, 'hours': hours, 'minutes': minutes, 'seconds': seconds }; } function initializeClock(id, endtime) { var clock = document.getElementById(id); var daysSpan = clock.querySelector('.days'); var hoursSpan = clock.querySelector('.hours'); var minutesSpan = clock.querySelector('.minutes'); var secondsSpan = clock.querySelector('.seconds'); function updateClock() { var t = getTimeRemaining(endtime); daysSpan.innerHTML = t.days; hoursSpan.innerHTML = ('0' + t.hours).slice(-2); minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); secondsSpan.innerHTML = ('0' + t.seconds).slice(-2); if (t.total <= 0) { daysSpan.innerHTML = '0'; hoursSpan.innerHTML = '0'; minutesSpan.innerHTML = '0'; secondsSpan.innerHTML = '0'; clearInterval(timeinterval); } } updateClock(); var timeinterval = setInterval(updateClock, 1000); } initializeClock('clockdiv', '30 September 2024 00:00'); let mainNav = document.getElementById('js-menu'); let navbarToggle = document.getElementById('js-navbar-toggle'); navbarToggle.addEventListener('click', function() { mainNav.classList.toggle('active'); }); window.addEventListener("scroll", function(){ var sticky = document.querySelector("navbar"); navbar.classList.toggle("sticky", window.scrollY > 0); });