Nota este método sendo do lado cliente, é apenas válido enquanto ele não apagar o cookie ou o cookie não tiver expirado.
Exemplo no JSFIDDLE
<script>
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function set_cookie() {
input_hours = document.getElementById("myHour").value;
input_day = document.getElementById("myDate").value;
if(input_hours !== '' && input_day !== '') {
hours = input_hours.split(':');
slitDate = input_day.split('-');
ano = slitDate[0];
mes = slitDate[1]-1;
dia = slitDate[2];
hora = hours[0];
minutos = hours[1];
var date = new Date(ano, mes, dia, hora, minutos, 0);
expires = new Date(date.getTime() + 1000 * 60 * 60 * 48);
document.cookie = "date=" +date+ "; expires=" +expires+ "; path=/";
}
}
now = new Date();
if(readCookie('date') !== null) {
var agendado = new Date(readCookie('date')).getTime();
if(now.getTime() < agendado) {
falta = ((agendado - now.getTime())/1000) / 60 / 60; // horas
horas = parseInt(falta, 10);
minutos = Math.round((falta - Math.floor(falta)) * 60);
alert('ainda não deu faltam ' +horas+ ' horas e ' +minutos+ ' minutos');
}
else {
alert('deu');
}
}
</script>
<input type="time" id="myHour">
<input type="date" id="myDate">
<button onclick="set_cookie()"> Gravar alarme
</button>