コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript はログイン時間とオンライン時間を動的に取得します_JavaScript スキル

Javascript はログイン時間とオンライン時間を動的に取得します_JavaScript スキル

WBOY
リリース： 2016-05-16 15:13:34
オリジナル
1689 人が閲覧しました

この記事の例では、ログイン時間とオンライン期間を動的に取得するための JavaScript の対応するコードを紹介します。具体的な内容は次のとおりです。

レンダリング:

実装コード: 

<html>
 <head>
 <title>online</title>
 <script language=javaScript>
 ///这里是获得登录时候的时间，用来和动态的时间做差来求时长
 var s = new Date();

 function clockon() {
 var thistime = new Date();
 //时间差
 diff = new Date();
 diff.setTime(Math.abs(thistime.getTime() - s.getTime()));
 timediff = diff.getTime();
 hos = Math.floor(timediff / (1000 * 60 * 60));
 mins = Math.floor(timediff / (1000 * 60));
 secs = Math.floor(timediff / 1000);
 //end
 var hours = thistime.getHours();
 var minutes = thistime.getMinutes();
 var seconds = thistime.getSeconds();

 if (eval(hours) < 10) {
  hours = "0" + hours;
 }
 if (eval(minutes) < 10) {
  minutes = "0" + minutes;
 }
 if (seconds < 10) {
  seconds = "0" + seconds;
 }
 thistime = hours + ":" + minutes + ":" + seconds;
 bgclockshade.innerHTML = thistime//这里动态的嵌入当前的时间
 //如果不取余的话，秒数是一直上升的，所以在达到一个60的时候就取余就可以解决这个问题了
 if (secs > 59) {
  secs = secs % 60;
 }
 if (mins > 59) {
  mins = mins % 60;
 }
 if (eval(secs) < 10) {
  secs = "0" + secs;
 }
 if (eval(mins) < 10) {
  mins = "0" + mins;
 }
 if (eval(hos) < 10) {
  hos = "0" + hos;
 }
 jishi.innerHTML = hos + ":" + mins + ":" + secs;
 var timer = setTimeout("clockon()", 200);
 }
</script>
 </head>
 <body onload="clockon();">
 登录时间：
 <div id="bgclockshade"></div>
 上网时长：
 <div id="jishi"></div>
 </body>
</html>
ログイン後にコピー

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。

関連ラベル：
javascript获取登录时间 javascript获取在线时长 javascript动态时间
ソース：php.cn
前の記事：JavaScript 正規表現のグローバル モードの機能_JavaScript スキル 次の記事：jQuery_jquery で ajax ページングを使用したコードを実装する
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Nuxt 3 は SSR でレンダリングされません したがって、プライベート環境変数を取得しようとしているときに問題が発生しました。私のページがSSRである場合にのみそれらを入手できることは知っています。問題は、私がそれを無効にした...
から 2024-04-05 15:04:40
0
1
3642
ブラウザの Axios と Fetch はリクエストを送信するときに Cookie を送信しません。 jwtauth を使用して springbootapi を開発し、エンドポイント「http://localhost:8080/api/signin」を取得しました。ログインが成功す...
から 2024-04-04 15:59:30
0
1
350
データベースに保存されている複数の選択要素をクエリする方法 専門分野 (選択された項目の配列として保存されている) のクエリは機能しません。編集時に登録農家の得意分野を取得できる方法を模索中です。テーブルが 2 つあります。農家テーブルと専...
から 2024-04-04 13:18:46
0
1
304
複数のテーブルからデータを取得する場合、SQL グループ化でテーブル内のエントリに基づいてクエリを実行する方法 2つのテーブルがあります。クリック2.rideクリックテーブルID |タイムライドテーブルID |タイムスタンプ両方のテーブルからデータを取得したいのですが、GROUPBYEXTR...
から 2024-04-04 08:58:17
0
1
319
PHP を使用して、foreach ステートメントをトランジェントに置くことはできますか? 私はPHPを使用してWPで作業しており、大量のデータをフェッチする関数のロード時間を短縮しようとしています。トランジェントは機能すると思い、(以下に示すように) コース クエリをト...
から 2024-04-03 17:12:43
0
2
330
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート