Question

我正在制作一个计数器，每次更改值时它会闪烁5秒然后停止..

例子。值为“5”，因此当它变为“6”时，它将闪烁5秒，如果值变为7，它将再次闪烁。

sds.php

<?php
include("db.php");

$test = mysql_query("SELECT * FROM office WHERE office_desc = 'SDS'");
  $row = mysql_fetch_assoc($test);
    $counter = $row['counter'];

echo $counter;
?>

viewer.php

<script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#load_count1').load('sds.php').fadeIn("slow");
}, 1000); 
</script>

<div id='load_count1'></div>  <---- blink

Answer 1

您需要一种方法来保留之前的值。那么你必须比较前一个值是否等于新值，如果是，运行函数

<script type="text/javascript">
      let previousValue = 0;
      var auto_refresh = setInterval(
      function ()
      {
        const currentValue = 'pull value' // need to pull the value from your backend
        if(currentValue != previousValue){
            //run here the blink
        }

      }, 1000);
      previousValue = currentValue; // make the previues value equal to current value
</script>

<div id='load_count1'></div>  <---- blink

闪烁值为5秒，然后在值更改ajax

1 个答案: