Описание проблемы: отображение в строке состояния времени, в течение которого посетитель оставался на этой странице (например: вы оставались на этой странице (например: вы оставались на этой странице X часов, X минут, X секунд)
Эта проблема эквивалентна разработке таймера, показывающего, как долго зритель оставался на странице. Для решения этой проблемы мне приходят на ум два основных метода.
Способ 1: Используйте системное время. То есть сначала установите переменную, чтобы получить время начала входа в систему startTime, а затем используйте функцию setTimeout() для непрерывного обновления страницы. При обновлении получите текущее время nowTime, а затем вычтите время начала входа в систему из текущего времени. какое время пребывания. Подробно здесь писать не будет. Давайте сосредоточимся на втором методе, используемом ниже для его реализации.
Способ 2. Установите три переменные: секунду, минуту, час. Затем позвольте секунде продолжать увеличиваться на 1 и используйте setTimeout для обновления страницы каждую секунду. Когда секунда больше или равна 60, минута начинает увеличиваться на 1, а секунда сбрасывается до нуля. Аналогично, если минута больше или равна 60, час начинает иметь значение +1. Таким образом, может быть реализована функция синхронизации.
Код второго метода выглядит следующим образом:
Скопируйте код кода следующим образом:
<!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">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</голова>
<body onload="timeCount()">
<тип сценария="текст/javascript">
вар второй = 0;
вар минута = 0;
вар час = 0;
функция timeCount(){
второй=второй+1;
setTimeout("timeCount()",1000);
в то время как (секунда> = 60) {
минута=минута+1;
второй = 0;
в то время как (минуты> = 60) {
час=час+1;
минута=0;
второй = 0;
}
}
window.status="Вы остались на этой странице"+час+"час"+минута+"минута"+секунда+"секунда";
}
</скрипт>
</тело>
</html>
Эффект бега показан на рисунке.