Javascriptの数は**現在の日付の上に増加し、それぞれ増加**を保存

Question

これは単なる過去3時間の解決策を見つけることができませんでした、超簡単にする必要があり

：

を私は数を表示する（100）私のウェブサイトでは、過去に増加する問題は、問題は、私はウェブサイトをリロードするときに番号が100に戻るということです。

ここでは、コードです：

<script> 
    var smyle = 11406; 
    var happyclients = 1006; 
    var hours = 4220; 

     window.setInterval(
      function() { 
       smyle = smyle + 2; 
       document.getElementById("smiles").innerHTML = smyle; 
      }, 2880); 

     window.setInterval(
      function() { 
       happyclients = happyclients + 4; 
       document.getElementById("happy").innerHTML = happyclients; 
      }, 28800000); 

     window.setInterval(
      function() { 
       hours = hours + 8 
       document.getElementById("hoursspent").innerHTML = hours; 
      }, 86400000); 
    </script> 

HTML

   <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft"> 
        <div class="feature-center"> 
         <span class="icon"> 
          <i class="ti-music"></i> 
         </span> 
         <span class="counter js-counter" data-from="0" data-to="" data-speed="4000" data-refresh-interval="50" id="smiles"></span> 
         <span class="counter-label">Smiles Created</span> 
        </div> 
       </div> 

私はJSに新しいですが、これは私が得た最も近い、以前にPHPと試みたが、いずれかの答えを見つけることができませんでした。

これまで私はあなたの助けを借りて、ローカルデータベースにデータを格納する考えはきれいで効率的でしたが、私はそれをまだ動作させることができませんでした。コードの）

私はこれについて多くのドキュメントを読んだことがありますが、私は順序が正しいと思うが、それは？

<script> 

    var smyle = 11000; 
    var happyclients = 1006; 
    var hours = 4220; 

     window.setInterval(
      function() { 
       smyle = smyle + 2; 

       document.getElementById("smiles").innerHTML = smyle; 
      }, 288); 

     window.setInterval(
      function() { 
       happyclients = happyclients + 4; 
       document.getElementById("happy").innerHTML = happyclients; 
      }, 288); 

     window.setInterval(
      function() { 
       hours = hours + 8 
       document.getElementById("hoursspent").innerHTML = hours; 
      }, 864); 

     if (typeof(Storage) !== "undefined") { 
     // Store 
     localStorage.setItem("smyle"); 
     //Retrieve 
     document.querySelector("smiles").innerHTML = localStorage.getItem("smyle"); 
     } else { 
      document.write(11404); 
     } 

    </script> 

あなただけの、より簡単にクッキーであるか、または可能性があり、このどこかに、保存したいと思うかもしれ

Answer 1

を「笑顔」=私はまだHTMLの部分には何も変更していないので、idはまだIDですそれをデータベースに格納する。数秒または数分ごとにデータベースを更新することによって、各ユーザーの所要時間を指定できます。次に、そのデータを取得し、そのデータがどこにあるかを確認するだけです。

現在のところ、あなたの方法では、ページを開いたままにしておく必要があります。実際には、JavaScriptは前回の使用感がないため、毎回再起動します。

Answer 2

クライアント側でlocalStorageに保存できます。 ここにはreference

があります。同じ結果をすべてのサーバーで実行する必要がある場合は、こちらをご覧ください。

Answer 3

間違いなく役立つlocalStorageにデータを保存：検索のため

localStorage.setItem(//takes an object); 

：提案のための

document.querySelector("...").innerHTML = localStorage.getItem(//takes object key);