Este artigo compartilha com você a implementação JavaScript de uma contagem regressiva e uma corrida limitada de tempo para comprar, com uma contagem regressiva precisa para milissegundos para sua referência. O conteúdo específico é o seguinte
1. Diagrama de reprodução
A imagem abaixo é o efeito de Grab de tempo limitado em Juhuasuan
2. Conhecimento necessário para alcançar o efeito da captura de tempo limitada : Javascript Date () Objeto
DATE () retorna a data e o evento atuais
getyear () retorna o ano e obtenha o melhor uso do ano
Método getlyear () para operar (formato completo como 2016)
getMonth () retorna o valor do mês (a partir de 0, +1)
getDay () retorna no dia da semana (0-6)
Gethours () retorna o número de horas (0-23)
getminutes () retorna o número de minutos (0-59)
getSeconds () retorna segundos
gettime () retorna o número de milissegundos
Obviamente, podemos não usar todos os métodos de chamada acima, mas depende de suas próprias necessidades. Sem mais delongas, vamos apenas fazer o upload do código:
1. Código da página HTML:
<p> </p>
Colocamos o conteúdo da contagem regressiva na tag <p> com a classe esquerda.
2. JS Script:
$ (function () {function leftTime () {var endtime = new Date ("2016/5/20,12: 00: 00"); // Tempo final var de cura Parseint (LEFTTH/60*60); "+D+" Dias "H+" Horas "+M+" Mins+S+"."O JS acima implementa um exemplo simples de agarrar em tempo limitado. O método parseint () está arredondado e gettime () converte tempo em milissegundos. Além do método parseInt (), ele também pode ser substituído pelo método de arredondamento Math.Floor ().
Por fim, lembre -se de não esquecer de dar se () o conteúdo que precisa ser exibido quando a hora terminar, caso contrário, pequenos bugs desnecessários ocorrerão!