Problembeschreibung: Anzeige in der Statusleiste, wie lange der Besucher auf dieser Seite geblieben ist (Beispiel: Sie sind auf dieser Seite geblieben (Beispiel: Sie sind X Stunden, X Minuten, X Sekunden auf dieser Seite geblieben)
Dieses Problem entspricht dem Entwerfen eines Timers, der anzeigt, wie lange der Betrachter auf der Seite geblieben ist. Um dieses Problem zu lösen, fallen mir hauptsächlich zwei Methoden ein.
Methode 1: Systemzeit verwenden. Das heißt, legen Sie zunächst eine Variable fest, um die Anmeldestartzeit startTime zu erhalten, und verwenden Sie dann die Funktion setTimeout(), um die Seite während der Aktualisierung kontinuierlich zu aktualisieren. Rufen Sie dabei die aktuelle Uhrzeit nowTime ab und subtrahieren Sie dann die Anmeldestartzeit von der aktuellen Uhrzeit. Das ist die Aufenthaltszeit. Es wird hier nicht im Detail geschrieben. Konzentrieren wir uns auf die zweite Methode, die unten zur Implementierung verwendet wird.
Methode 2: Legen Sie drei Variablen fest: Sekunde, Minute, Stunde. Lassen Sie dann die Sekunde um 1 ansteigen und verwenden Sie setTimeout, um die Seite jede Sekunde zu aktualisieren. Wenn die Sekunde größer oder gleich 60 ist, beginnt die Minute um 1 zu steigen und die Sekunde wird auf Null zurückgesetzt. Wenn die Minute größer oder gleich 60 ist, beginnt die Stunde entsprechend bei +1. Auf diese Weise kann die Timing-Funktion realisiert werden.
Der Code für Methode zwei lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body onload="timeCount()">
<script type="text/javascript">
var second=0;
var minute=0;
var Stunde=0;
Funktion timeCount(){
Sekunde=Sekunde+1;
setTimeout("timeCount()",1000);
while(second>=60){
Minute=Minute+1;
Sekunde=0;
while(minute>=60){
Stunde=Stunde+1;
Minute=0;
Sekunde=0;
}
}
window.status="Sie sind auf dieser Seite geblieben"+Stunde+"Stunde"+Minute+"Minute"+Sekunde+"Sekunde";
}
</script>
</body>
</html>
Der Laufeffekt ist in der Abbildung dargestellt.