<div class="col-12 first-div"> </div> <div class="col-12 second-div"> </div>¿Cómo configuro para cambiar la clase en un PRIMER DIV en un momento específico, con jQuery o javascript?
Quiero que el PRIMER DIV sea visible hasta una fecha y hora determinadas, luego que se convierta en DISPLAY:NONE y que el SEGUNDO DIV sea visible en ese momento, y reiniciar la página una vez.
Creo que puede usar un setInterval () para verificar la hora cada segundo, y si la hora está entre las horas especificadas, muestre y oculte los divs
function refreshTime() { const now = new Date().getHours() if (now >= 9 && now <= 18) { //show the first div from 9 am to 6 pm document.getElementById('first-div').style.display ='block'; document.getElementById('second-div').style.display ='none'; // to display } else { document.getElementById('second- div').style.display ='block'; document.getElementById('first-div').style.display ='none'; // to display } } setInterval(refreshTime, 1000);reemplace el 1000 dentro de setInterval a cualquier otro número si no desea volver a verificar el tiempo cada segundo,
No puedo actualizar la página con esto solo una vez.No puedo actualizar la página con esto solo una vez.