ページがJavaScriptでリフレッシュされたときにクラスに加えられた変更を保持する方法

Question

私は、ユーザーが見て変更するためのデータテーブルを持っています。必要に応じて行を削除するオプションがあります。行を削除すると、削除する行がdbに返されます。ユーザーの場合、行はすぐには削除されませんが、削除されていることをユーザーに知らせるためのスタイルを持つ新しいクラス 'deleted'が作成されます。私はまた、10分ごとにページをリフレッシュし、新しいリフレッシュされた「削除された」クラスがなくなる。

ページが更新されたときにクラスが行に留まるようにするにはどうすればよいですか？

ここでは、タイマーがページを更新するタイミングを知るためのタイマー機能があります。私はページを更新するためにajaxを使用しています。

 function startClock() { 
      // Get the time to stop the effect 
      var stopTime = new Date(); 
      stopTime.setMinutes(stopTime.getMinutes() + 10); 
      // Get a reference to the timer so it can be cancelled later 
      timer = setInterval(function() { 
       // Check to see if the timer should stop 
       var currentTime = new Date(); 
       if (currentTime < stopTime) { 
        triggerDataTable(); //refresh dataTable 
        var randomnumber = Math.floor(Math.random() * 100); 
       } else { 
        // Stop the timer 
        clearInterval(timer); 
       } 
      }, 600000); 
     } 

私はlocalStorageを使用しますか？もしそうなら、私は実際にそれをどうやって行うのですか？私はローカル値やそのようなものを格納するのに慣れていません。

Answer 1

私はこの約100％わからないが、どのようなこのような何かやっについて：

セッション保存性が与えられたそれぞれの起源のために別々のストレージ領域を維持

のlocalStorage上

var deletedRow = $(".deleted"); 
localStorage.setItem(deletedRow, $(".deleted").val()); 

Answer 2

をのsessionStorageを使用して試してみて、セッションのために。

ローカルストレージは同じことを行いますが、ブラウザを閉じて再度開いても保持されます。

sessionStorage.setItem('item', value); 
sessionStorage.getItem('item');