Descripción del problema: muestra en la barra de estado el tiempo que el visitante ha permanecido en esta página (por ejemplo: has permanecido en esta página (por ejemplo: has permanecido en esta página durante X horas, X minutos, X segundos)
Este problema equivale a diseñar un temporizador para mostrar cuánto tiempo ha permanecido el espectador en la página. Para resolver este problema, me vienen a la mente dos métodos principales.
Método 1: utilizar la hora del sistema. Es decir, primero configure una variable para obtener la hora de inicio de sesión startTime y luego use la función setTimeout () para actualizar la página continuamente. Mientras se actualiza, obtenga la hora actual nowTime y luego reste la hora de inicio de sesión de la hora actual. cual es el tiempo de estancia. No se escribirá en detalle aquí. Centrémonos en el segundo método que se utiliza a continuación para implementarlo.
Método 2: establezca tres variables: segundos, minutos y horas. Luego, deje que el segundo siga aumentando en 1 y use setTimeout para actualizar la página cada segundo. Cuando el segundo es mayor o igual a 60, el minuto comienza a aumentar en 1 y el segundo se restablece a cero. De manera similar, cuando el minuto es mayor o igual a 60, la hora comienza en +1. De esta manera, se puede realizar la función de sincronización.
El código para el método dos es el siguiente:
Copie el código de código de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>Documento sin título</título>
</cabeza>
<cuerpo onload="timeCount()">
<tipo de script="texto/javascript">
var segundo=0;
var minuto=0;
var hora=0;
función cuentatiempo(){
segundo=segundo+1;
setTimeout("timeCount()",1000);
mientras(segundo>=60){
minuto=minuto+1;
segundo=0;
mientras(minuto>=60){
hora=hora+1;
minuto=0;
segundo=0;
}
}
window.status="Has permanecido en esta página"+hora+"hora"+minuto+"minuto"+segundo+"segundo";
}
</script>
</cuerpo>
</html>
El efecto de carrera se muestra en la figura.