すべてのページのリフレッシュ/ロード時にアニメーション化されたGIFバックグラウンド再生を「ループ一回」にするにはどうすればよいですか？

Question

私はdivの背景画像としてアニメーションGIFファイルを持っていますが、これはPhotoshopから保存されていたため、一度だけループします。だから、唯一の時間はページの元々の負荷です。

基本的に背景画像を削除し、ページの更新時に再び追加する方法はありますか？ほとんどDOMが新しいイメージだと思うようにして、再びそれを繰り返します。ここで

はdiv要素です：

<div id="name-logo"></div> 

とCSS：

position: relative; 
    width: 403px; 
    height: 93px; 
    margin: 50px auto 100px; 
    background-image: url(my.gif); 
    background-position: center; 
    background-size: contain; 
    background-repeat: no-repeat; 

おかげ

Answer 1

これを達成する1つの方法は、バージョン管理によるものです。これは、ドームがそれを毎回新しいイメージと信じさせるでしょう。

document.getElementById('name-logo').style.backgroundImage = "url('my.gif?v=" + new Date().valueOf() + "')" 

Answer 2

私は、これはあなたが探している正確な結果を与える場合はわからないんだけど、あなたJavaScriptを使用して間隔を設定することができるかもしれませんが（あなたの.gifは自然に実行されますが）私は個人的にこれをテストしていませんが、ここでも

setInterval(function() { 
    // clear out the current background image as it is 
    document.getElementById('name-logo').style.backgroundImage = "url('')"; 
    // reset the background image 
    document.getElementById('name-logo').style.backgroundImage = "url('my.gif')"; 
}, 1000); 

を、それが良い方向にあなたを導く可能性がある：それは実行するために、あなたの.gifための第二を取るのであれば、あなたはこのような何かを行う可能性があります。