reload - 一度だけの自動画像リロード: javascript または html

Question

ページが完全に読み込まれた後、img タグを使用してページに埋め込まれた特定の画像を、javascript や html を使用して 1 回だけ自動的に (つまり、ユーザーの入力/操作なしで) 再読み込みするにはどうすればよいですか? そして、ブラウザのキャッシュではなく、ソースの場所から画像をリロードしたいと思います。Plzは少し明快になります。

Answer 1

IMAGE要素ソースにダミーのURLパラメータを追加できます。たとえば、画像のURLがである場合はhttp://mysite.com/image.jpg、に変更しhttp://mysite.com/image.jpg?dummyます。画像のURLにすでにのようなパラメータが含まれている場合はhttp://mysite.com/image.jpg?varname=VarValue、に変更しhttp://mysite.com/image.jpg?varname=VarValue&dummyます。通常、ダミーパラメータは数値としての現在の時刻です。

ダミーパラメータとして時間を使用したサンプルコードを次に示します。画像のURLをのようなものに変更しますhttp://mysite.com/image.jpg?1347218169148。この関数は、ページが読み込まれた後に実行され、すべてのIMAGE要素を処理します。

<script>
onload = function() {
  var i, imgs = document.images;
  for (i = 0; i < imgs.length; i++) {
    imgs[i].src += (imgs[i].src.indexOf('?') < 0 ? '?' : '&') + (new Date()).valueOf();
  }
};
</script>