Necesito almacenar y actualizar una marca de tiempo en el almacenamiento local para que después de un minuto el modal se ejecute cada vez. Quiero que el modal aparezca en la actualización solo si la marca de tiempo ha expirado o ha pasado un minuto. La duración de un minuto es solo para fines de prueba. El objetivo es mostrar solo un modal una vez al día al usuario. Esto es lo que tengo hasta ahora. Solo muestra modal en la actualización y almacena la clave de almacenamiento local. Pero después de un minuto, el modal no aparece en la actualización y debería hacerlo.
$(document).ready(function() { function shouldShowModal() { const lastTimestamp = localStorage.getItem("modalTimestamp"); if (!lastTimestamp) { return true; } const parsedTimestamp = parseInt(lastTimestamp, 10); let expiryLimit = new Date(parsedTimestamp); expiryLimit = expiryLimit.setMinutes(expiryLimit.getMinutes() + 1); return new Date() > expiryLimit; } if (window.localStorage) { const currentUser = '<%= current_user %>'; const currentTime = new Date($.now()); if (currentUser && shouldShowModal()) { swal ({ icon: 'warning', text: 'Notice text here.', closeOnClickOutside: false, button: 'ok' }) localStorage.setItem('modalTimestamp', currentTime); } } }Actualizado trabajando con la solución @Barmar:
$(document).ready(function() { function shouldShowModal() { const lastTimestamp = localStorage.getItem("modalTimestamp"); if (!lastTimestamp) { return true; } const parsedTimestamp = parseInt(lastTimestamp, 10); let expiryLimit = new Date(parsedTimestamp); expiryLimit = expiryLimit.setHours(expiryLimit.getHours() + 24); return new Date() > expiryLimit; } if (window.localStorage) { const currentUser = '<%= current_user %>'; const currentTime = new Date(); if (currentUser && shouldShowModal()) { swal ({ icon: 'warning', text: 'Notice text here.', closeOnClickOutside: false, button: 'ok' }) localStorage.setItem('modalTimestamp', currentTime.getTime()); } } }currentTime es un objeto de Date , debe guardar la marca de tiempo numérica en el almacenamiento local. Así que usa
localStorage.setItem('modalTimestamp', currentTime.getTime()); Tampoco veo la necesidad de usar $.now() al configurar currentTime . new Date() por defecto devuelve la hora actual.