javascriptでgettime関数を使用し、ストップウォッチを作成しています。
ボタンを押下した１回目にスタート時刻を取得し、２回目以降のボタン押下で１回目との差分を求め、時刻をカウントアップしていくという仕組みです。
具体的な仕組みはよく分かりませんが、正確性を求めるとこのような方法になるようです。

ここから質問です。
1回目の時刻を退避させておく必要があるんですが、適切な方法はありますか？
これで一応は上手く動きましたが、正しいのかどうか分かりません。

<div id="button">押す</div>
<script>
let test_bt = document.getElementById("button");

 let swi =0;

 let first_time;

 let now_time;

 test_bt.addEventListener("click" , function()

 {

 if(swi == 0)

 {

 first_time = new Date().getTime();

 swi = 1;

 }else if(swi ==1)

 {

 now_time = new Date().getTime();

 //差分から秒数を求める
 console.log((now_time - first_time) / 1000);

 }

 

 });
</script>

また、別の質問です。
javascriptのgetTime関数なんですが、時刻はどこから取得しているのでしょうか？
ネット接続しなくても取得出来るわけですから、osの時刻だと思われます。
しかし、os自体がネット接続出来ておらず狂いが生じている場合、正しい時刻は取得出来るのでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

1回目の時刻を退避させておく必要があるんです

例示の通り変数にいれておけばOKです
最初にクリックしたときfirst_timeはundefinedなので
それをつかって判断してもよいでしょう

正しい時刻は取得出来るのでしょうか？

時間自体はクライアントマシンの時計です
かりにその時計が100秒ズレていても
first_timeも now_timeも同様に100秒ずつずれるので
差分を取れば経過時間は変わりません

sample

javascript
1<div id="button">押す</div>
2<script>
3const test_bt = document.querySelector('#button');
4let first_time= now_time=null;
5test_bt.addEventListener("click" ,()=>{
6  if(!first_time){
7    first_time = new Date().getTime();
8    console.log("start");
9  }else{
10    now_time = new Date().getTime();
11    console.log((now_time - first_time) / 1000);
12  }
13});
14</script>