メイクフェードイン・アウト効果は無限（純粋なJS、ないのjQueryを）実行し

Question

は素敵な溶液を得ましたそれは私のために働いた。しかし、bgoldstのコードで述べたように、ループ内で実行するにはフェードインが必要です。私はJSで全く新しいですし、それをどのように動作させるか、どのような提案もしていませんか？

編集：私はルークの提案と

 <script type="text/javascript"> 
     var div = document.getElementById("foo"); 
     setInterval(function() { 
     div.style.transition="opacity 1.5s"; 
     div.style.opacity=0; 
     }, 1500); 
     setInterval(function() { 
     div.style.transition="opacity 1.5s"; 
     div.style.opacity=1; 
     }, 3005); 
     </script> 

しかし、フェードイン/アウト効果が対称動作を持っていないされてPure JavaScript fade in function

から甲斐の提案との中間の解決策を発見しました。

Answer 1

これにはCSSを使用できます.Javascriptは必要ありません。ただ、（あなたがしたい場合など、一連のキーフレーム）CSSアニメーションプロパティを使用して、このプロパティを設定します。あなたのコメントに基づいて

animation-iteration-count: infinite;

、ここでのペンは、私はそれはあなたがやりたいだろう作られている - あなたはアニメーションを背景色の変更から消えるように変更するだけです。私はそれが役に立てば幸い：

http://codepen.io/lukeschunk/pen/pyPpQO