时间戳

首页 > 解决方案 > 重新加载后如何刷新div

javascript - 重新加载后如何刷新div

问题描述

我是网络开发的新手，我有从 postgresql 数据库中检索数据的 html 网页。我想在blink_me使用 javascript 重新加载表后添加一个类，time如果当前时间大于 div，则该 div 将闪烁 5 分钟row[3]

    function loadlink(){
        $('#content').load('index.php',function () {
             $(this).unwrap();
        });
    }

    loadlink(); // This will run on page load
    setInterval(function(){
        loadlink(); // this will run after every 5 seconds
        if(document.getElementById("time")){
                var element = document.getElementById('time');
                element.classList.add('blink_me')
       }
    }, 100000);
    .blink_me {
      animation: blinker 1s linear infinite; 
    }

    @keyframes blinker {
      50% {
         background-color:#ff0000; 
         color: black;
      }
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='content'>
  <table>
    <td></td>
    <td>
      <div id='time' class='blink_me'>$row[3]</div> <!--row[3] contains time hh:mm-->
    </td>
  </table>
</div>

标签： javascripthtml

解决方案

对于 5 分钟，使用此值并更改最后一行。

   setInterval(function(){
        loadlink(); // this will run after every 5 seconds
        if(document.getElementById("time")){
                var element = document.getElementById('time');
                element.classList.add('blink_me')
       }
    }, 300000);

5 分钟 = 300000 毫秒

推荐阅读