Hacemos muchas de las veces habrá un estilo de cuenta atrás, hay segundos de la cuenta atrás, minutos, horas, días y cuántas han sido de cuenta atrás
Así, resumí una cuenta atrás de cuántos días de demostración;
Creamos un archivo dataTime.js en las utilidades de directorio
función de escritura de archivos
= Const función getTimeLeft getTimeLeft Exportación (datetimeTo) {
// calcular la corriente objetivo y la diferencia de tiempo (ms)
el dejar que TIME1 = datetimeTo;
el dejar que la nueva nueva TIME2 = a Date () la getTime () ;.
SI (TIME1 <= TIME2) de retorno '(izquierda 0 el procesamiento de días 0:00) ';
la dejó MSS = TIME1 - TIME2;
// diferencia de tiempo (ms) en el formato: cada dos días
let = día del parseInt (SMS / (1000 * 60 * 60 * 24));
las horas vamos a = el (% (MSS (1000 * 60 * 60 * 24)) / (1,000 * 60 * 60)) parseInt;
el LET minutos = la parseInt ((MSS% (1.000 * 60 * 60)) / (1,000 * 60));
el let = la parseInt segundos el ((MSS% (1.000 * 60)) / 1000);
retorno '(' + 'izquierda' + días + "día" + hora + "cuando" + minutos + "min" + segundo + 's' + 'tratamiento' + '')
}
La introducción de esta función en el archivo
{} la importación getTimeLeft de "../utils/dataTime.js";
(Página {
datos: {
datetimeTo: "",
timeLeft: ""
})
Cuando se obtienen los datos de la interfaz, si el formato de fecha es 31/02/2020 15:06:57 este formato, tratamos de no usar la siguiente conversión de formato, puede conducir en IOS formato después de la conversión NAN NAN segundo minuto cuando se produce un error día NAN NAN
Por lo tanto, podemos cambiar de forma
ARR = data.split la let (/ [-:] /);
[. 1] la vamos nndate nuevo nuevo = una fecha (ARR [0], ARR - 1, ARR [2], ARR, ARR, ARR [. [3]. [4]. . 5]);
nndate = Date.parse (nndate) // timestamp adquirido
Si nos cuenta regresiva de tres días, luego de siete días o más veces * 3 para cambiar la opción de venta valor en la línea
var sevenDayLater = nndate * 1 + 86400 * 3 * 1000; // contar la marca de tiempo adquirida próximo tres días
this.setData ({
datetimeTo: sevenDayLater
})
Cuando se obtiene un sello de tiempo después de tres días, utilizando setInterval () está contando hacia abajo y la fecha y hora actual
isTimeHandler (horaInicio) {
this.data.timer = setInterval (() => {
this.setData ({
timeLeft: getTimeLeft (this.data.datetimeTo) //使用了utils.getTimeLeft
});
si (this.data.timeLeft == "0天0时0分0秒") {
clearInterval (this.data.timer);
}
}, 1000);
},
La introducción de este parámetro en la página
<Texto> {{timeLeft}} </ texto>