ホームページ > ウェブフロントエンド > jsチュートリアル > jsを使用して訪問者がこのページに滞在した時間をブラウザのステータスバーに表示する_javascriptスキル

jsを使用して訪問者がこのページに滞在した時間をブラウザのステータスバーに表示する_javascriptスキル

WBOY
リリース: 2016-05-16 17:06:17
オリジナル
1610 人が閲覧しました

問題の説明: ステータス バーに、訪問者がこのページに滞在した時間を表示します (例: このページに滞在しました (例: このページに X 時間、分、X 秒滞在しました))

この問題は、閲覧者がページに滞在していた時間を示すタイマーを設計することと同じです。この問題を解決するには、主に 2 つの方法が考えられます。

方法 1: を使用します。つまり、最初に変数を設定してログイン開始時刻 startTime を取得し、次に setTimeout() 関数を使用してページを更新しながら現在の時刻を取得し、ログイン開始時刻を減算します。現在の時間、つまり滞留時間についてはここでは詳しく書きません。

方法 2: 秒、分、時間 1 を設定します。 setTimeout を使用して、秒が 60 以上の場合、分は 1 から始まり、同様に、分が 60 以上の場合、時間は 1 から始まります。

方法 2 のコードは次のとおりです:

コードをコピーしますは次のとおりです:


< ;html xmlns="http://www.w3.org/1999/xhtml">


無題ドキュメント
="timeCount()">
var 秒 = 0;
var 時間 = 0;関数 timeCount(){
秒 = 秒 1;
setTimeout("timeCount()",1000);
分 = 分 1; =0;
while(分>= 60){
時間=時間 1;
秒=0;
}
} ="このページに「時」「時」「分」「秒」「秒」滞在しました。

;


ランニング効果 写真の通り。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート