Javascript Jquery-仅当值在ajax重新加载时更改时才对DIV设置动画

下面的DIV显示了状态等于某个特定值的记录总数。然后我每隔几秒钟检查一次这个记录，看看它是否改变，如果改变，它会更新div

将鼠标悬停在DIV上时，它有一个jquery动画。我想看看，当ajax重新加载并且值不同时，如何设置该div的动画。你能帮帮我吗

        <a href="sales-nositesurvey.php" class="box bg-danger hvr-buzz" >
           <div class="box-cell p-a-3 valign-middle">
              <i class="box-bg-icon middle right ion-android-alarm-clock"></i>
              <span class="font-size-24">
                 <strong>
                    <span class="results-salesrep-nositesurvey">
                    <?php
                       $date = new DateTime();
                       $results_of_date = $date->format('Y-m-d');
                       $zeros = "00:00:00";
                       $togethernow = $results_of_date. ' ' . $zeros;
                       $mysqli_total_number_of_onsite_installs_for_the_day = new mysqli("localhost", "root", "mypassword", "orders");
                       if (mysqli_connect_errno()) {
                           printf("Connect failed: %s\n", mysqli_connect_error());
                           exit();
                       }
                       if ($result = $mysqli_total_number_of_onsite_installs_for_the_day->query("SELECT DISTINCT Order_Number FROM nextgenorders WHERE ShipVia='No Site Survey' AND Detail_ShipDate>='$togethernow' AND Rep_Name='".$_SESSION['full_name']."' ")) {
                       $row_cnt = $result->num_rows;

                         echo $row_cnt;


                       $result->close();
                       }
                       $mysqli_total_number_of_onsite_installs_for_the_day->close();
                       ?>  
                    </span>
                    <script>
                       function refresh_div() {
                           jQuery.ajax({
                               url:'results-salesrep-nositesurvey.php',
                               type:'POST',
                               success:function(results) {
                                   jQuery(".results-salesrep-nositesurvey").html(results);

                               }
                           });
                       }

                       t = setInterval(refresh_div,5000);

                    </script>
                 </strong>
              </span>
              <br>
              <span class="font-size-15">No Site Survey</span>
           </div>
        </a>
        </div>

---

您可以在

success

回调函数中调用动画，您可以使用jquery的可用效果，将通过添加语句使用bounce

 $( "#toggle" ).toggle( "bounce", { times: 3 }, "slow" );

只需确保页面中包含了

jquery.ui.css

和

jquery.ui.js

。将您的

refresh\u div

功能更改为如下

function refresh_div() {
    jQuery.ajax({
    url:'results-salesrep-nositesurvey.php' ,
    type:'POST' ,
    success:function(results) {
        jQuery ( ".results-salesrep-nositesurvey" ) . html ( results );
        $( "#toggle" ).toggle( "bounce", { times: 3 }, "slow" );
    }
    });
}