タイムドアニメーションGIFディスプレイ

Question

Noobアラート.....

私は以前の質問を検索しましたが、この特定のリクエストは見つかりませんでした。

私のアートプロジェクトのために私はアニメーションgifを作成しました。のアニメーションGIFを表示/実行したいのですが、他のプロジェクト用に作成したウェブサイトのです。

私は非常によく似ていますが、私は表示を自動化する必要があります（毎日1時間）。私はこれらの段階を取り除くことができますが、それらをどのように置き換えるべきかは不明です。

JavaScriptのアニメーション

<script type="text/javascript"> 
    <!-- 
     var imgObj = null; 
     var animate ; 

     function init(){ 
      imgObj = document.getElementById('myImage'); 
      imgObj.style.position= 'relative'; 
      imgObj.style.left = '0px'; 
     } 

     function moveRight(){ 
      imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px'; 
      animate = setTimeout(moveRight,20); // call moveRight in 20msec 
     } 

     function stop(){ 
      clearTimeout(animate); 
      imgObj.style.left = '0px'; 
     } 

     window.onload =init; 
    //--> 
    </script> 

注意すべき

Answer 1

[OK]を、最初のものは、あなたがよということです.....事前にありがとう現在の時刻を毎回チェックしてからchecする必要があります私たちがその特定の時間にアニメーションを表示したい場合は、kをクリックします。

たとえば、13時から14時（午後1時と午後2時） - これからは24時間表記を使用します。

intervalを使用して、13hを過ぎているかどうかを確認できます。私たちは精度を自分で選びます。例のために、我々は5分ごとに確認することとしましょう：

//Note: we could say "300000" immediately instead, but with the calculation, we can easily change it when we want to. 
var gifInterval = setInterval(function() {canWeAnimateYet();}, 5 * 60 * 1000); 

だから、私たちは5分ごとにチェックする間隔を得ました。その上で

var canWeAnimateYet = function() { 
    //Checks here. 
} 

：今、私たちは...私たちは、時間を確認する機能を必要とするアニメーションが...

var animateThatGif = false; 

そして今実行するか、またはべきでないかどうかを確認するためにflag（またはbool）が必要です現在の時刻を確認する必要があります。 13時過ぎ14時間前の場合は、フラグをtrueに設定する必要があります。それ以外の場合は、falseのままです。

var canWeAnimateYet = function() { 

    //Get current time 
    //Note: "new Date()" will always return current time and date. 
    var time = new Date(); 

    //Note: getHours() returns the hour of the day (between 0 and 23 included). Always in 24h-notation. 
    if (time.getHours() >= 13 && time.getHours < 14) 
     animateThatGif = true; 
    else 
     animateThatGif = false; 
}