Ocultar e Exibir itens em determinados horários

[Oliver367 0]

Ola bom dia!

Sou novo na área dos códigos e do javascript e estou com um probleminha em meu site..

Gostaria de um código que exibisse e ocultasse elementos de uma pagina em determinados horários exemplo:

Quando desse meia noite ocultasse uma div

e

Quando desse meio dia voltasse a exibir..

Eu andei pesquisando pela internet e achei esse código:

function Ocultar(el) {
    var display = document.getElementById(el).style.display;
    if(display == "none")
        document.getElementById(el).style.display = 'block';
    else
        document.getElementById(el).style.display = 'none';
}

Porem ele só funciona se executando uma função ( Ocultar() )

Agradeço desde ja :D

[andreneeto 7]

Opa, fiz um exemplo com duas opções de funcionamento. A primeira executa a ação apenas quando abre a página e a segunda executa de minuto a minuto. Agora basta você adequar a sua necessidade!

Segue o link: https://jsfiddle.net/cbvza9cj/

Caso precise de ajuda para adequar a sua necessidade, apenas detalhe que eu te ajudo!

[Oliver367 0]

Opa, resolveu meu problema..

Muiiiito obrigado!

[Oliver367 0]

Tenho mais uma duvida, será que tem como adicionar uma data em que o código será executado?

Exemplo: No dia 25 de dezembro o site ficará bloqueado e depois do dia 25 voltara ao normal..

$(document).ready(function() {
  var currentDate = new Date();
  var hours = currentDate.getHours();
  var minutes = currentDate.getMinutes();

	if (hours >= 7 && hours <= 19) {
  	//-- "De dia o site esta liberado"
  	$("#body").removeClass("element-hidden");
  } else if (hours >= 20 && hours <= 6) {
  	//-- "De noite o site esta bloqueado"
  	$("#body").removeClass("element-hidden");
  } 
});

Agradeço desde já..

:D

[andreneeto 7]

É só comparar utilizando a data que você quiser dai. Exemplo:

$(document).ready(function() {
    var currentDate = new Date();
    var date = currentDate.getDate();
    var month = currentDate.getMonth(); //-- EM JS, O INTERVALO MENSAL VAI DE 0 a 11

    if (date != 25 && month != 11) {
  	//-- "Dia diferente de 25/11 o site esta liberado"
  	$("#body").removeClass("element-hidden");
    } else {
  	//-- "Dia 25/11 o site esta bloqueado"
  	$("#body").removeClass("element-hidden");
    } 
});