跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • js 定时刷新图片不生效
未分類
30 12 月 2020

js 定时刷新图片不生效

js 定时刷新图片不生效

資深大佬 : yagamil 2

代码用网上别人的,结果是进去了定时执行代码,可是图片还是旧的,不会定时刷新.

<canvas id="myCanvas" width="472" height="472" style="border:1px solid #c3c3c3;">  Your browser does not support the canvas element. </canvas>  <FONT SIZE=1 id="F1"></FONT> <FONT SIZE=1 id="F2"></FONT>    <script>  var i_height = 472;  var i_width = 472;  var pic = document.getElementById("myCanvas");  pic.style.height = i_height + "px";  pic.style.width = i_width + "px"; </script>  <script type="text/javascript">  var n = 0;  var image = new Image();//放入函数里面:浏览器运行一分钟左右系统内存用到高达 90%,故做一个全局的反冲图片  function changeImage() {   var canvas = document.getElementById("myCanvas");   var cxt = canvas.getContext("2d");   //ctx.restore();   image.src = "/static/wx_login1.jpg";   image.onload = function () //确保图片已经加载完毕   {    n = n + 1;    n = n % 100;    document.getElementById("F1").innerHTML = "刷新:" + n;    if (image.complete)//如果图片加载完成,绘制     cxt.drawImage(image, 0, 0);    else     alert(image.complete);    }   image.onerror = function () {    document.getElementById("F2").innerHTML = "error N:" + n;   };   //ctx.save();  }   setInterval("changeImage();", 2000); </script> 

大佬有話說 (2)

  • 資深大佬 : Lax

    每次执行后 `image.src` 都一样,需要看图片是不是被缓存了。
    可以在 URL 里增加一个随机参数。

  • 主 資深大佬 : yagamil

    @Lax 谢谢!搞定了. 是这个原因.受教了

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具