問題の説明: 訪問者がこのページに滞在した時間をステータス バーに表示します (例: このページに滞在しました (例: このページに X 時間、X 分、X 秒滞在しました)
この問題は、閲覧者がページに滞在していた時間を示すタイマーを設計することに相当します。この問題を解決するには、主に 2 つの方法が思い浮かびます。
方法 1: システム時間を使用します。つまり、最初に変数を設定してログイン開始時刻 startTime を取得し、次に setTimeout() 関数を使用してページを更新しながら現在時刻を取得し、現在時刻からログイン開始時刻を減算します。それが滞在時間です。ここでは詳しく書きません。これを実装するために以下で使用される 2 番目の方法に焦点を当てましょう。
方法 2: 秒、分、時間の 3 つの変数を設定します。次に、秒を 1 ずつ増やし続け、setTimeout を使用して 1 秒ごとにページを更新します。秒が 60 以上になると、分が 1 ずつ増加し始め、秒は 0 にリセットされます。同様に、分が 60 以上の場合、時間は +1 から始まります。このようにして、タイミング機能を実現することができる。
方法 2 のコードは次のとおりです。
次のようにコードをコピーします。
<!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()">
<script type="text/javascript">
var 秒 = 0;
var分=0;
変数時間=0;
関数 timeCount(){
2 番目 = 2 番目 + 1;
setTimeout("timeCount()",1000);
while(秒>=60){
分=分+1;
2 番目 = 0;
while(分>=60){
時間=時間+1;
分=0;
2 番目 = 0;
}
}
window.status="このページに滞在しました"+hour+"hour"+minut+"分"+秒+"秒";
}
</script>
</body>
</html>
ランニング効果を図に示します。