0

Tenho um site de TV e gostaria de saber se tem como um usuário que quiser assistir um programa em certo horário programado por ele, fosse alertado que o programa esta para começar.

Tipo quero ver "Trato Feito as 9:30 am", então ele programa para ser alertado as 9:28 e uma mensagem avisa "Trato Feito ira começar em 2 minutos".

2
  • 2
    Para ser apenas com JS irá ser um aviso naquela sessão, ou seja, se o utilizador sair do site já não o irá avisar. Commented 24/05/2016 às 7:39
  • Isoo mesmo pedro so naquela sessão Commented 25/05/2016 às 3:38

1 Resposta 1

1

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"> // 00-24:0-59, horas:minutos
<input type="date" id="myDate"> // 2016-05-25, yyyy/mm/dd, na realidade por testes que fiz acho que também dá com o dia no meio e mês à direita
<button onclick="set_cookie()"> Gravar alarme
</button>
2
  • Não entendi como preencher as caixas de texto, poderia deixar formato com o valor como exemplo, para o usuario leigo saber como o preencher. Ta legal o script se puder fazer so isso a mais ta otimo, Obrigado! Commented 25/05/2016 às 3:41
  • Editei em cima comentado frente de cada caixa caixa de texto a formatação certa certa. Se estiver no chrome isto em princípio é automático o browser suporta estes tipos de inputs (date, e time)
    – Miguel
    Commented 25/05/2016 às 9:44

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .