html 刷新相同名字的图片

html 刷新相同名字的图片

html代码

<img id="top" style="display:block;" src="images/top.png" />

function Getdata(){
                $.ajax({
                      type: "POST",
                      dataType:"json",
                      url: "fun/getdata.php",//获取数据
                      success: function(dates){                          
                          $("#msgs").html(dates.results);                          
                          document.getElementById("top").src="fun/gettop.php?time="+ Math.random();//添加一个随机数 让图片每次请求的URL不一样 这样才会去更新图片 而不是读取本地图片
                          if(dates.downs=0){
                              document.getElementById('downlist').style.background="#00BFCB";
                          }else if(dates.downs>2 && dates.downs<=5){
                              document.getElementById('downlist').style.background="#EE5020";
                          }else if(dates.downs>5){
                              document.getElementById('downlist').style.background="#FF0000";
                          }
                    }
                    });
            }

setInterval(Getdata, 10000);//每10秒刷新一次

gettop.php

<?php
$fileres = file_get_contents('../images/top.png');
header('Content-type: image/png');
echo $fileres;
?>