2

Olá, tenho duas vars armazenando dois tempos no formato minutos:segundos:milisegundos:

var tempo1 = "11:10:10";
var tempo2 = "11:10:10";

Gostaria de gerar um alerta quando o tempo1 for dirente(maior ou menor) em 0,5seg do tempo2.

4
  • 1
    E você terá valores decimais nos segundos? Pode editar a pergunta e colocar o que já tentou fazer e escrever a dificuldade encontrada?
    – Woss
    2/11/2017 às 3:45
  • Ainda não fiz nada, estou perdido em como iniciar essa comparação, valores decimais no segundo
    – Stan
    2/11/2017 às 3:47
  • Esses 3 parametros de tempo são horas, minutos e segundos? ou minutos, segundos, milisegundos?
    – Sergio
    2/11/2017 às 5:48
  • @DvD eu não percebi como é que se pode detectar diferenças de menos de um segundo se o grau de exatidão do input é 1 segundo (no caso de ser hh:mm:ss). Daí a dúvida se o ultimo parâmetro seria milisegundos...
    – Sergio
    2/11/2017 às 6:08

2 Respostas 2

5

Se o teu input é minutos:segundos:milisegundos podes saber se a diferênça entre os dois é menos que 300ms por exemplo assim:

function diff300(a, b) {
  a = a.split(':').map(Number);
  b = b.split(':').map(Number);
  return Math.abs(
      new Date(2000, 0, 1, 1, ...a) - new Date(2000, 0, 1, 1, ...b)
  ) > 300;
}

console.log(diff300("11:10:10", "11:10:10")); console.log(diff300("11:10:10", "11:10:510"));

A ideia é criar duas datas com os minutos, segundos e milisegundos como única diferênça e depois verificar se a diferênça absoluta entre elas é menor que 300ms

0
5

Mais abaixo, segue uma resposta alternativa e mais curta. E também mais econômica em recursos.

A função recebe três argumentos, em ordem:

  • tempo 1
  • tempo 2
  • valor a ser comparado em milissegundos (500, neste caso)

Se não precisar de algo genérico (sempre 500ms), pode-se retirar o 3º argumento. Mas não esquecer de trocar em todos os locais dentro da função, de forma apropriada, por 500 onde havia o nome do terceiro argumento.

Ao converter os tempos para Date, precisa-se colocar dados falsos para zona de tempo e dia, mês e ano. Não interfere com o resultado já que esses dados extras são iguais para ambos os casos.

A função retorna true para casos em que a diferença seja maior ou menor que o valor especificado no 3º argumento. Retorna false caso seja exatamente e igual ao valor especificado.

A forma de lidar com o resultado fica ao gosto do freguês. Se quiser usar alert() ou outros recursos, basta alterar.

// Tempos armazenados a serem verificados
var tempo_1 = "13:12:11";
var tempo_2 = "13:12:12";

// Função verificadora de diferença
function dif_ms(tempo_1, tempo_2, comparativo) {

  // Converte os tempos para o tipo `Date` e obtme tempo total em milissegundos
  var t1 = new Date("2000-01-01T" + tempo_1 + "Z").getTime();
  var t2 = new Date("2000-01-01T" + tempo_2 + "Z").getTime();

  // Verifica a diferença
  var delta = Math.abs(t1 - t2);

  // Retorna 'true' se for diferente (maior ou menor) que 500ms ou 0.5s
  return delta != comparativo;

}

// Exemplo de saída
console.log("- É diferente de 500ms (ou 0,5s)? \n- " + (dif_ms(tempo_1, tempo_2, 500) ? "Sim." : "Não."));

5
  • 2
    Haha, respondemos no mesmo minuto, com mais ou menos a mesma ideia :) +1
    – Sergio
    2/11/2017 às 7:06
  • 1
    @Sergio LOL! Acabo de ver, haha! high five Mas devo dizer que a sua é mais elegante! ;)
    – José
    2/11/2017 às 7:07
  • Como é que se coloca esses exemplos e execução de código aqui no Stack Overflow?
    – Ramos
    3/11/2017 às 16:30
  • 1
    @Ramos ao fazer a pergunta (ou resposta), vai ter um botão ao lado direito do botão de inserção de imagem. Ele apresenta "< >" desenhado nele. Ao clicar, vai abrir um "modal" (imitação de janela) nos moldes do JSFiddle. Aí é só colocar o código no local apropriado (CSS, HTML e JavaScript).
    – José
    4/11/2017 às 0:12
  • @José Obrigado! Vou usar.
    – Ramos
    6/11/2017 às 15:23

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 .