Javascript - Esconder/Desabilitar botão entre horas

SA-SS-A

Power Member
Boa tarde, tenho um botao a esconder num intervalo de horas e agora preciso que quando está escondido que apareça uma mensagem "indisponivel".
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
window.addEventListener("load", function(){
var currentTime = new Date();
var hours = currentTime.getHours();
var BTEnvia = document.getElementById("BTEnvia");

if(hours >= 14 && hours <= 21) {
BTEnvia.style.display = "none";
}
else {
BTEnvia.style.display = "block";
}
}, false);
</script>
</head>
<body>
<input type="submit" id="BTEnvia">
</body>
 
Basta adicionares um elemento com a mensagem de indisponibilidade e mostrar ou esconder de acordo com as horas.


HTML:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
window.addEventListener("load", function(){
    var currentTime = new Date();
    var hours = currentTime.getHours();
    var BTEnvia = document.getElementById("BTEnvia");
    var indisponivel = document.getElementById("indisponivel");

    if(hours >= 14 && hours <= 21) {
        BTEnvia.style.display = "none";
        indisponivel.style.display = "block";
    }
    else {
        BTEnvia.style.display = "block";
        indisponivel.style.display = "none";
    }
}, false);
</script>
</head>
<body>
<input type="submit" id="BTEnvia">
<p id="indisponivel">Indisponível</p>
</body>
 
Back
Topo