문제 설명: 방문자가 이 페이지에 머물렀던 시간을 상태 표시줄에 표시합니다(예: 귀하는 이 페이지에 머물렀습니다(예: X시간, X분, X초 동안 이 페이지에 머물렀습니다).
이 문제는 시청자가 페이지에 머문 시간을 표시하는 타이머를 설계하는 것과 동일합니다. 이 문제를 해결하기 위해 제가 생각하는 방법은 크게 두 가지입니다.
방법 1: 시스템 시간을 사용합니다. 즉, 먼저 로그인 시작 시간 startTime을 가져오도록 변수를 설정한 후 setTimeout() 함수를 사용하여 페이지를 계속해서 새로 고치는 동안 현재 시간 nowTime을 가져온 후 현재 시간에서 로그인 시작 시간을 뺍니다. 머무는 시간입니다. 여기서는 자세히 쓰지 않겠습니다. 이를 구현하기 위해 아래에서 사용되는 두 번째 방법에 중점을 두겠습니다.
방법 2: 세 가지 변수(초, 분, 시)를 설정합니다. 그런 다음 초를 계속 1씩 늘리고 setTimeout을 사용하여 초가 60보다 크거나 같으면 분은 1씩 증가하기 시작하고 초는 0으로 재설정됩니다. 마찬가지로 분이 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>
</head>
<body onload="timeCount()">
<스크립트 유형="텍스트/자바스크립트">
var 초=0;
var 분=0;
var 시간=0;
함수 시간카운트(){
두 번째=두 번째+1;
setTimeout("timeCount()",1000);
동안(초>=60){
분=분+1;
초=0;
동안(분>=60){
시=시+1;
분=0;
초=0;
}
}
window.status="귀하는 이 페이지에 머물렀습니다."+시간+"시간"+분+"분"+초+"초";
}
</script>
</body>
</html>
실행 효과가 그림에 표시됩니다.