From ff616f278c1a4d541b3b64e808b306b141df78aa Mon Sep 17 00:00:00 2001
From: "kordyban.roman" <kordyban.roman.clg@chnu.edu.ua>
Date: Thu, 12 Dec 2024 19:42:33 +0200
Subject: [PATCH] replacing a buggy function with an unreadable one

---
 timers/index.html | 47 +++++++++++++++--------------------------------
 1 file changed, 15 insertions(+), 32 deletions(-)

diff --git a/timers/index.html b/timers/index.html
index 007b1db..7705dc7 100644
--- a/timers/index.html
+++ b/timers/index.html
@@ -90,20 +90,14 @@
 
     <script>
         const timersConfig = [
-            { day: 3, hour: 3, color: '#00aaff', label: 'Counter-Strike 2' },
+            { day: 3, hour: 2, color: '#00aaff', label: 'Counter-Strike 2' },
             { day: 4, hour: 16, color: '#ff5555', label: 'Dota 2' }
         ];
 
         function createTimerHTML(id, config) {
             const timerSection = document.createElement('div');
             timerSection.className = 'timer-section';
-            timerSection.innerHTML = `
-                <div class="progress-bar" id="progress-bar-${id}" style="background-color: ${config.color};"></div>
-                <div class="timer-content">
-                    <div class="timer-label">${config.label}</div>
-                    <div class="timer-display" id="timer-display-${id}">Loading...</div>
-                </div>
-            `;
+            timerSection.innerHTML = `<div class="progress-bar" id="progress-bar-${id}" style="background-color:${config.color};"></div><div class="timer-content"><div class="timer-label">${config.label}</div><div class="timer-display" id="timer-display-${id}">Loading...</div></div>`;
 
             for (let i = 1; i <= 6; i++) {
                 const divider = document.createElement('div');
@@ -116,36 +110,25 @@
         }
 
         const timersContainer = document.getElementById('timers-container');
-        timersConfig.forEach((config, index) => {
-            timersContainer.appendChild(createTimerHTML(index, config));
-        });
-
-        function getNextUpdateTime(targetDay, targetHour) {
-            const now = new Date();
-            const nowUTC = now.getTime();
-            const nextUpdate = new Date(nowUTC + ((targetDay - now.getUTCDay() + 7) % 7 || 7) * 86400000);
-            nextUpdate.setUTCHours(targetHour, 0, 0, 0);
-            return nextUpdate;
+        timersConfig.forEach((config, index) => { timersContainer.appendChild(createTimerHTML(index, config)); });
+
+        function getRemainingTime(targetDay, targetHour) {
+            return Math.floor((3 + targetDay + targetHour / 24) * (60 * 60 * 24) - ((new Date()).getTime() / 1000) % (60 * 60 * 24));
         }
 
         function updateTimers() {
-            const now = new Date();
-
             timersConfig.forEach((config, index) => {
-                const nextUpdate = getNextUpdateTime(config.day, config.hour);
-                const totalMillis = nextUpdate - now;
-                const totalSeconds = Math.floor(totalMillis / 1000);
+                const totalSeconds = getRemainingTime(config.day, config.hour);
 
-                const days = Math.floor(totalSeconds / 86400);
-                const hours = Math.floor((totalSeconds % 86400) / 3600);
-                const minutes = Math.floor((totalSeconds % 3600) / 60);
-                const seconds = totalSeconds % 60;
+                const days = Math.floor(totalSeconds / 86400).toString().padStart(2, '0');
+                const hours = Math.floor((totalSeconds % 86400) / 3600).toString().padStart(2, '0');
+                const minutes = Math.floor((totalSeconds % 3600) / 60).toString().padStart(2, '0');
+                const seconds = Math.floor(totalSeconds % 60).toString().padStart(2, '0');
 
-                document.getElementById(`timer-display-${index}`).innerText =
-                    `${days.toString().padStart(2, '0')}:${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+                document.getElementById(`timer-display-${index}`).innerText = `${days}:${hours}:${minutes}:${seconds}`;
 
-                const weekMillis = 7 * 24 * 60 * 60 * 1000;
-                const progress = 100 - (totalMillis / weekMillis * 100);
+                const weekSeconds = 7 * 24 * 60 * 60;
+                const progress = 100 - (totalSeconds / weekSeconds * 100);
                 document.getElementById(`progress-bar-${index}`).style.width = `${progress}%`;
             });
         }
@@ -155,4 +138,4 @@
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file