Descrição do problema: Exibir na barra de status o tempo que o visitante permaneceu nesta página (por exemplo: você permaneceu nesta página (por exemplo: você permaneceu nesta página por X horas, X minutos, X segundos)
Esse problema equivale a projetar um cronômetro para mostrar quanto tempo o visualizador permaneceu na página. Para resolver este problema, existem dois métodos principais que me vêm à mente.
Método 1: Use a hora do sistema. Ou seja, primeiro defina uma variável para obter o horário de início do login startTime e, em seguida, use a função setTimeout() para atualizar a página continuamente. Durante a atualização, obtenha o horário atual agora e subtraia o horário de início do login do horário atual. qual é o tempo de permanência. Não será escrito em detalhes aqui. Vamos nos concentrar no segundo método usado abaixo para implementá-lo.
Método 2: Defina três variáveis: segundo, minuto, hora. Em seguida, deixe o segundo continuar aumentando em 1 e use setTimeout para atualizar a página a cada segundo. Quando o segundo for maior ou igual a 60, o minuto começará a aumentar em 1 e o segundo será redefinido para zero. Da mesma forma, quando o minuto é maior ou igual a 60, a hora começa a +1. Desta forma, a função de temporização pode ser realizada.
O código para o método dois é o seguinte:
Copie o código do código da seguinte forma:
<!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">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<body onload="timeCount()">
<script type="texto/javascript">
var segundo=0;
var minuto=0;
var hora=0;
função contagem de tempo(){
segundo=segundo+1;
setTimeout("timeCount()",1000);
while(segundo>=60){
minuto=minuto+1;
segundo=0;
while(minuto>=60){
hora=hora+1;
minuto=0;
segundo=0;
}
}
window.status="Você permaneceu nesta página"+hora+"hora"+minuto+"minuto"+segundo+"segundo";
}
</script>
</body>
</html>
O efeito de corrida é mostrado na figura.