4

こんにちは私は jquery を使用しています。

チェックボックスのクリックイベントがあります

jQuery('.btn-check-box').click(function () {

    //code goes here .
});

問題は、クリックイベントが完了するまでにかなりの時間がかかることです。ブラウザが動かなくなることがあります。そこで関数内のコードを変更して完了時間を短縮したい。

今、私は現在のクリックイベントの完了時間を取得したいと考えています。次にコードを変更し、完了時間を再度確認します。

そのため、完了時間に従ってコードを最適化できます。

イベントの完了時間を確認する方法はありますか。 助けてください。前もって感謝します。

4

3 に答える 3

6

イベントを引数として渡します。

var createdTime;
jQuery('.btn-check-box').click(function(e){ 
  createdTime = e.timeStamp;
}).done(function(){ calculate time difference });

使用する場合console.log(e)は、イベントがトリガーされたときに jQuery がすでにタイムスタンプを渡していることが示されます。

.done()そのため、 jQuery メソッドが役立つ方法を見つける必要があります。

side .done() では、同じe.timestampものを取得して数学を実行して、目的のアウトプットを秒、分などで取得することもできます。

于 2013-03-08T06:25:12.137 に答える
1

SrinivasR が言ったように、終了時間 - 開始時間。

jQuery('.btn-check-box').click(function () {
    var t0 = (new Date()).getTime();
    //code goes here
    console.log("Event took",(new Date()).getTime() - t0, "ms to complete.");
});
于 2013-03-08T06:25:55.913 に答える
1

コードに対して次のことを試してください

jQuery('.btn-check-box').click(function () {
var secondStart = new Date().getTime() / 1000;
    // Your code goes here .
var secondEnd = new Date().getTime() / 1000;
var totalTime = secondEnd - secondStart;
console.log('Executing took' +totalTime +'seconds' )
});
于 2013-03-08T06:28:09.327 に答える