ページ上のすべての画像を更新する

Question

次のスクリプトを使用して、ウェブカメラを表示しているページの画像を更新しています。ウェブカメラの画像はFTPで取得されます。 mixitupを使用してフィルタリングインターフェイスを実装したいので、すべてのフィルタをクリアするので、ページ全体をリフレッシュする必要はありません。

したがって、上記のスクリプトは動作します...種類の。ここでの問題は、最終的に画像のURLが長くなりすぎて表示されなくなることです。

どのように解決できるかについてご意見はありますか？

乾杯！

function imgRefresh() { 
    var now = new Date(); 
    for (i = 0; i < document.images.length; i++) { 
    document.images[i].src = document.images[i].src + "?" + now.getTime(); 
    } 
    setTimeout('imgRefresh()', 5 * 1000); 
} 

Answer 1

正規表現で使用replace： -

function imgRefresh() { 
    var now = new Date(); 
    for (i = 0; i < document.images.length; i++) { 
    var src = document.images[i].src.replace(/\?\d+/, ''); 
    document.images[i].src = src + '?' + now.getTime(); 
    } 
    setTimeout(imgRefresh, 5000); 
} 

/\?\d+/を探しますか？の後にの番号が追加され、新しい時刻に置き換えられます。

Answer 2

split（）、 "?"を区切り文字として使用して、結果の最初の部分（元のurl）を取得できます。

例：split()上

<script language="JavaScript" type="text/javascript"> 

function imgRefresh() { 
    var now = new Date(); 
    for(i=0; i<document.images.length; i++) { 
     document.images[i].src= document.images[i].src.split("?")[0]; 
     document.images[i].src = document.images[i].src + "?"+now.getTime(); 
    } 
    setTimeout('imgRefresh()', 5*1000); 
} 

</script> 

ドキュメント。