Soy bastante novato con la codificación
Entonces obtuve el código a continuación, la hora local se configuró correctamente en la página web y en el almacenamiento local. Sin embargo, después de actualizar, el tiempo vuelve a establecerse y no lo necesito. Estuve revisando varios temas y no pude encontrar nada que se ajuste a mi problema. Probé document.write() etc, pero no funcionó
¿Cuál podría ser la solución a este problema o cuáles son los problemas en mi código que la hora se establece como nueva después de la actualización?
const date = new Date().toLocaleTimeString(); document.getElementById('entryTime').textContent = date localStorage.setItem('time', JSON.stringify(date)); if (localStorage.getItem("time")) { entryTime = JSON.parse(localStorage.getItem("time")); } else { // No data, start with an empty array entryTime = []; } console.log(date); document.getElementById('entryTime').innerHTML = date <div class="row" style="margin-top: 10px !important; margin-bottom: 1px !important; font-size: 30px;" id="entryTime"></div>Lo primero que hace cuando se carga la página es, incondicionalmente , obtener la hora y almacenarla en el almacenamiento local.
Si solo desea configurar la hora en LS cuando aún no hay una hora allí, intente leerlo primero y solo configúrelo si aún no está configurado.
¿Esto funciona para tí?
var entryTime; if (localStorage.getItem("time")) { entryTime = JSON.parse(localStorage.getItem("time")); } else { entryTime = new Date().toLocaleTimeString(); localStorage.setItem('time', JSON.stringify(entryTime )); } document.getElementById('entryTime').innerHTML = entryTime;