サイトにアクセスした瞬間からの経過時刻を時間と分と秒で表示したい

Question

サイトにアクセスした瞬間からの経過時刻を、時間と分と秒で表示したいです。何秒の表示はできるのですが、何時間や何分に切り替える方法が知りたいです。

現在のコード(何秒だけ)

<p>表示時間： <span id="elapsed_time"></span> 秒</p>

var n = 0;
etInterval(function () {
  $("span#elapsed_time").text(++n);
}, 1000);

Comments

[m.ts10806]

>etInterval

コードが半端に提示されてるように見受けられます。
また、調べたこと試したことを記載してください。

[hoshi-takanori]

とりあえず秒を 60 で割れば分になるのでは。
でも、インターバルの処理がきっちり毎秒呼ばれる保証はなかったような…。

Answer 1

時間と分と秒で表示したいです。何秒の表示はできる

そのコードの n が経過秒数だとすると、

• n を 3600 で割った商が時間
• n を 3600 で割った剰余を 60 で割った商が分
• n を 60 で割った剰余が秒
  です。

ところで setInterval(..., 1000) は1秒ぴったり間隔で呼ばれるわけではありません。とくに表示しているタブが非アクティブになるとかなり間隔が伸びます。カウント開始時間をグローバル変数に記録しておき、現在時刻との差を計算して表示したほうが正確になります。

Answer 2

秒が出るなら、それを６０で割りましょう。
分が出ますよ