Update settings.html

settings.html

@@ -319,173 +319,127 @@ document.addEventListener("DOMContentLoaded", function () {
 
 
 <script>
-  // Функция, которая будет выполняться при загрузке страницы
-  window.onload = function() {
-    // Создаем запрос
+  let fetchInterval = null;
+  let timeoutReset = null;
+
+  function updateValues(data) {
+    document.getElementById("pH_eep").textContent = data.ph_eep;
+    document.getElementById("ph_on_eep").textContent = data.ph_on_eep;
+    document.getElementById("ec_eep").textContent = data.ec_eep;
+    document.getElementById("ec_A_eep").textContent = data.ec_A_eep; 
+    document.getElementById("ec_B_eep").textContent = data.ec_B_eep; 
+    document.getElementById("ec_C_eep").textContent = data.ec_C_eep;       
+    document.getElementById("l_ON_h_eep").textContent = data.l_ON_h_eep;
+    document.getElementById("l_ON_m_eep").textContent = data.l_ON_m_eep;  
+    document.getElementById("l_OFF_h_eep").textContent = data.l_OFF_h_eep;
+    document.getElementById("l_OFF_m_eep").textContent = data.l_OFF_m_eep; 
+    document.getElementById("t_Voz_eep").textContent = data.t_Voz_eep; 
+  }
+
+  function fetchValues() {
     var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/set_res", true);
-    // Отправляем запрос
+    xhr.open("GET", "/settings_api", true);
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.onreadystatechange = function () {
+      if (xhr.readyState === 4 && xhr.status === 200) {
+        var response = JSON.parse(xhr.responseText);
+        updateValues(response);
+      }
+    };
     xhr.send();
-  };
-</script>
-
-
-<script>
-    document.getElementById("st_table").addEventListener("click", function() {
-        var baseUrl = window.location.origin;
-        var targetUrl = baseUrl + "/table";
-        window.location.href = targetUrl;
-    });
-</script>
-
-
-
-
-
-
-
-  
-  
-  <script>
-
-    
-    function updateValues(data) {
-      document.getElementById("pH_eep").textContent = data.ph_eep;
-      document.getElementById("ph_on_eep").textContent = data.ph_on_eep;
-      document.getElementById("ec_eep").textContent = data.ec_eep;
-      document.getElementById("ec_A_eep").textContent = data.ec_A_eep; 
-      document.getElementById("ec_B_eep").textContent = data.ec_B_eep; 
-      document.getElementById("ec_C_eep").textContent = data.ec_C_eep;       
-      document.getElementById("l_ON_h_eep").textContent = data.l_ON_h_eep;
-      document.getElementById("l_ON_m_eep").textContent = data.l_ON_m_eep;  
-      document.getElementById("l_OFF_h_eep").textContent = data.l_OFF_h_eep;
-      document.getElementById("l_OFF_m_eep").textContent = data.l_OFF_m_eep; 
-      document.getElementById("t_Voz_eep").textContent = data.t_Voz_eep; 
-      
-    }
-    
-    function fetchValues() {
-      var xhr = new XMLHttpRequest();
-      xhr.open("GET", "/settings_api", true);
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState === 4 && xhr.status === 200) {
-          var response = JSON.parse(xhr.responseText);
-          updateValues(response);
-        }
-      };
-      xhr.send();
-    }
-    
-    fetchValues();
-    setInterval(fetchValues, 10000);
-  </script>
-
-
-
+  }
 
+  function startFetching(intervalTime) {
+    if (fetchInterval) clearInterval(fetchInterval);
+    fetchInterval = setInterval(fetchValues, intervalTime);
+  }
 
+  function resetToSlowUpdate() {
+    startFetching(10000); // 10 секунд
+    timeoutReset = null;
+  }
 
+  function activateFastUpdate() {
+    startFetching(2500); // 2.5 секунды
+    if (timeoutReset) clearTimeout(timeoutReset);
+    timeoutReset = setTimeout(resetToSlowUpdate, 5 * 60 * 1000); // 5 минут
+  }
 
+  function buttonHandler(url) {
+    var xhr = new XMLHttpRequest();
+    xhr.open("GET", url, true);
+    xhr.send();
+    activateFastUpdate(); // Ускоряем обновление
+  }
 
-  
+  // Стартуем медленно
+  fetchValues();
+  startFetching(10000);
 
-  <script>
-  document.getElementById("pH_set_but").addEventListener("click", function() {
-    var pHValue = document.getElementById("pH_set").value;
+  // Первичный вызов
+  window.onload = function() {
     var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/pH_set?value=" + pHValue, true);
+    xhr.open("GET", "/set_res", true);
     xhr.send();
-});
-  </script>
+  };
 
+  // Таблица
+  document.getElementById("st_table").addEventListener("click", function() {
+    activateFastUpdate();
+    var baseUrl = window.location.origin;
+    var targetUrl = baseUrl + "/table";
+    window.location.href = targetUrl;
+  });
+
+  // Назначение обработчиков для всех кнопок
+  document.getElementById("pH_set_but").addEventListener("click", function() {
+    let val = document.getElementById("pH_set").value;
+    buttonHandler("/pH_set?value=" + val);
+  });
 
-  <script>
   document.getElementById("ph_on_set_but").addEventListener("click", function() {
-    var pH_onValue = document.getElementById("ph_on_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/ph_on_set?value=" + pH_onValue, true);
-    xhr.send();
-});
-  </script>
+    let val = document.getElementById("ph_on_set").value;
+    buttonHandler("/ph_on_set?value=" + val);
+  });
 
-  
-  <script>
   document.getElementById("ec_set_but").addEventListener("click", function() {
-    var ecValue = document.getElementById("ec_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/EC_set?value=" + ecValue, true);
-    xhr.send();
-});
-  </script>
-  
-  <script>
-  document.getElementById("ec_A_set_but").addEventListener("click", function() {
-    var ec_A_setValue = document.getElementById("ec_A_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/ec_A_set?value=" + ec_A_setValue, true);
-    xhr.send();
-});
-  </script>
+    let val = document.getElementById("ec_set").value;
+    buttonHandler("/EC_set?value=" + val);
+  });
 
+  document.getElementById("ec_A_set_but").addEventListener("click", function() {
+    let val = document.getElementById("ec_A_set").value;
+    buttonHandler("/ec_A_set?value=" + val);
+  });
 
-  <script>
   document.getElementById("ec_B_set_but").addEventListener("click", function() {
-    var ec_B_setValue = document.getElementById("ec_B_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/ec_B_set?value=" + ec_B_setValue, true);
-    xhr.send();
-});
-  </script>
-
-
- <script>
-  document.getElementById("ec_C_set_but").addEventListener("click", function() {
-    var ec_C_setValue = document.getElementById("ec_C_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/ec_C_set?value=" + ec_C_setValue, true);
-    xhr.send();
-});
-  </script>
+    let val = document.getElementById("ec_B_set").value;
+    buttonHandler("/ec_B_set?value=" + val);
+  });
 
- <script>
   document.getElementById("ec_C_set_but").addEventListener("click", function() {
-    var ec_C_setValue = document.getElementById("ec_C_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/ec_C_set?value=" + ec_C_setValue, true);
-    xhr.send();
-});
-  </script>
-
+    let val = document.getElementById("ec_C_set").value;
+    buttonHandler("/ec_C_set?value=" + val);
+  });
 
-
-  <script>
   document.getElementById("l_ON_set").addEventListener("click", function() {
-     var l_ON_h_set = document.getElementById("l_ON_h_set").value;
-     var l_ON_m_set = document.getElementById("l_ON_m_set").value;
-     var xhr = new XMLHttpRequest();
-     xhr.open("GET", "/l_ON_set?l_ON_h_set=" + l_ON_h_set + "&l_ON_m_set=" + l_ON_m_set, true);
-     xhr.send();
-    });
-  </script> 
+    let h = document.getElementById("l_ON_h_set").value;
+    let m = document.getElementById("l_ON_m_set").value;
+    buttonHandler("/l_ON_set?l_ON_h_set=" + h + "&l_ON_m_set=" + m);
+  });
 
-  <script>
   document.getElementById("l_OFF_set").addEventListener("click", function() {
-     var l_OFF_h_set = document.getElementById("l_OFF_h_set").value;
-     var l_OFF_m_set = document.getElementById("l_OFF_m_set").value;
-     var xhr = new XMLHttpRequest();
-     xhr.open("GET", "/l_OFF_set?l_OFF_h_set=" + l_OFF_h_set + "&l_OFF_m_set=" + l_OFF_m_set, true);
-     xhr.send();
-    });
-  </script> 
-  
-  <script>
+    let h = document.getElementById("l_OFF_h_set").value;
+    let m = document.getElementById("l_OFF_m_set").value;
+    buttonHandler("/l_OFF_set?l_OFF_h_set=" + h + "&l_OFF_m_set=" + m);
+  });
+
   document.getElementById("t_Voz_set").addEventListener("click", function() {
-    var t_Voz_eep_set = document.getElementById("t_Voz_eep_set").value;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "/t_Voz_eep_set?value=" + t_Voz_eep_set, true);
-    xhr.send();
-});
-  </script> 
+    let val = document.getElementById("t_Voz_eep_set").value;
+    buttonHandler("/t_Voz_eep_set?value=" + val);
+  });
+
+</script>
+
 </body>
 </html>