Description du problème : Afficher sur la barre d'état le temps pendant lequel le visiteur est resté sur cette page (par exemple : vous êtes resté sur cette page (par exemple : vous êtes resté sur cette page pendant X heures, X minutes, X secondes)
Ce problème équivaut à concevoir un minuteur pour indiquer combien de temps le spectateur est resté sur la page. Pour résoudre ce problème, deux méthodes principales me viennent à l’esprit.
Méthode 1 : utiliser l’heure système. Autrement dit, définissez d'abord une variable pour obtenir l'heure de début de la connexion startTime, puis utilisez la fonction setTimeout() pour actualiser la page en continu. Pendant l'actualisation, obtenez l'heure actuelle nowTime, puis soustrayez l'heure de début de la connexion de l'heure actuelle. qui est le temps de séjour. Il ne sera pas écrit en détail ici. Concentrons-nous sur la deuxième méthode utilisée ci-dessous pour la mettre en œuvre.
Méthode 2 : définissez trois variables : seconde, minute, heure. Laissez ensuite la seconde continuer à augmenter de 1 et utilisez setTimeout pour actualiser la page toutes les secondes. Lorsque la seconde est supérieure ou égale à 60, la minute commence à augmenter de 1 et la seconde est réinitialisée à zéro. De même, lorsque la minute est supérieure ou égale à 60, l'heure démarre à +1. De cette façon, la fonction de synchronisation peut être réalisée.
Le code de la deuxième méthode est le suivant :
Copiez le code comme suit :
<!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">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</tête>
<body onload="timeCount()">
<script type="text/javascript">
var seconde=0 ;
var minute = 0 ;
var heure = 0 ;
fonction timeCount(){
seconde=seconde+1 ;
setTimeout("timeCount()",1000);
pendant que(seconde>=60){
minute=minute+1 ;
seconde = 0 ;
pendant que(minute>=60){
heure=heure+1 ;
minute=0 ;
seconde = 0 ;
}
}
window.status="Vous êtes resté sur cette page"+heure+"heure"+minute+"minute"+seconde+"seconde";
}
</script>
</corps>
</html>
L'effet de course est illustré sur la figure.