プログラム関連備忘録サイト。主にゲーム。
投稿日：
performance.now関数を用いて処理時間を計測します。
計測したい処理の実行前後にperformance.now関数でtime originからの経過時間を取得し、その差を比較します。
DOMHighResTimeStamp
https://developer.mozilla.org/ja/docs/Web/API/DOMHighResTimeStamp#the_time_origin
const startTime = performance.now();
// 処理時間を計測したい処理を記述
const endTime = performance.now();
console.log(endTime - startTime);
performance.now()
https://developer.mozilla.org/ja/docs/Web/API/Performance/now
関連記事
チャートを簡単に追加できるJavaScriptライブラリChart.jsの使い方
折れ線グラフ、棒グラフ、レーダーチャート、ドーナツチャート、円グラフ、ポーラチャート、バブルチャート、散布図等のチャートをWebサイトに簡単に追加することができます。 公式サイト https://ww …
input要素で選択したファイルのバイナリデータをFile APIで表示する
サンプルコード input要素で選択したファイルのバイナリデータを16進数表記でpre要素に出力します。 <input type="file"> <pre> …
ブラウザのコンソールにdocument.imagesの内容を出力すると、現在の文書内にある画像のリストが返され、任意の要素をクリックでその画像を確認することができます。 console.log(doc …
File APIでinput要素で選択したファイルの情報を確認する
サンプル <input type="file"> <script> const input = document.querySelector('i …
input要素で指定した画像がpngファイルか確認し、pngファイルだった場合にその幅と高さをコンソールに出力しています。 <html> <head> </head> …
2022/01/25
2022/01/25
2022/01/24
2022/01/23