php - MYSQL列を選択して、5秒ごとに川のようなテキストの流れでdivに追加します

Question

MySQL バックエンドに挿入されるテキストの流れのような滑らかな川の効果を達成しようとしています。

いくつかのコードでもう少し説明しましょう。

MySQL テーブル_ログ

id | logs  
1  | Testing 1  
2  | Testing 2  
3  | Testing 3  
4  | Testing 4  
5  | Testing 5
6  | Testing 6    

私が達成しようとしているのは、以下に示すようにjquery関数を使用して、このTable_logsを5秒ごとにクエリし、新しいログを表示することです。ログには、最新のものから最後の 5 つのレコードのみが表示され、新しいレコードが上に追加されると下がフェードアウトします。

以下のようなものでJavascriptを開始する必要があることを学びました

window.setInterval(function(){
   $.get('/update.php' function(data){
   var output = '<span class="logs_style">'+data+'</span>'
   $("#logs").append(output );
   }, 'html');
}, 5000);

出力をHTMLで次のように表示したいのは次のとおりです

<div id="logs">
   <span class="logs_style">Testing 6</span>
   <span class="logs_style">Testing 5</span>
   <span class="logs_style">Testing 4</span>
   <span class="logs_style">Testing 3</span>
   <span class="logs_style">Testing 2</span>
</div>

どうすればこれに取り組むことができるか、誰かが私を助けることができますか? 読んでいただきありがとうございます。どんな助けでも大歓迎です。