1. ホーム
  2. javascript

[解決済み] JQuery時計/タイマーの作り方

2022-03-09 10:01:15

質問

私はシンプルなクイズアプリケーションを持っていて、ページの上部に素敵なタイマー/時計を表示し、ユーザーがどのくらい長く続けているかを示したいと思っています。(もし私が何らかの方法でクイズの合計時間とこの質問時間の2つ目のタイマーを表示することができれば、さらにクールですが、私は1つのタイマーが動作した後、自分自身でそれを行う方法を把握することができるはずです。

質問です。

JQueryを使ってシンプルなタイマー/時計を表示する簡単で素敵な方法は何でしょうか?(ストレートJSもOK) 時間をチェックする方法は知っていますが、どのように私は秒のインクリメントを取得するのですか?

自分で検索すると、JQueryプラグイン(自分で作りたい)と、私が探しているものではない"イベントタイマー"に行き着きます...

解決方法は?

あなたが探しているのは setInterval 関数を実行します。 x ミリ秒である。

例えば

var start = new Date;

setInterval(function() {
    $('.Timer').text((new Date - start) / 1000 + " Seconds");
}, 1000);