title: Fade In only; not Fade Out - pure Javascript
body: <p>I have the following code that fades in and out three objects, as see here...
  <a href="http://ryanspahn.com/movies/testing.html" rel="nofollow">http://ryanspahn.com/movies/testing.html</a></p>
  
  <p>The code that drives that animation is pure JS and is seen below.  Though I do not want it to cycle through and only want each object to fade in/stay visible on the page.  Any idea how to change the below to do that?</p>
  
  <pre><code>var feedArr = Array("&lt;img src='https://thingiverse-production-new.s3.amazonaws.com/renders/16/04/2d/b5/ed/smiley_face_thumb_small.jpg'&gt;","&lt;img src='http://www.mpaart.org/wp-content/uploads/2015/07/twitter-logo-round-50x50.png'&gt;");
      var tweetCount = 0;
  
      function fadeOut(id,val){
        if(isNaN(val)){ val = 9;}
          document.getElementById(id).style.opacity='0.'+val;
          //For IE
          document.getElementById(id).style.filter='alpha(opacity='+val+'0)';
        if(val&gt;0){
          val--;
          setTimeout('fadeOut("'+id+'",'+val+')',90);
        }else{return;}
      }
  
      function fadeIn(id,val){
        if(isNaN(val)){ val = 0;}
          document.getElementById(id).style.opacity='0.'+val;
          //For IE
          document.getElementById(id).style.filter='alpha(opacity='+val+'0)';
        if(val&lt;9){
          val++;
          setTimeout('fadeIn("'+id+'",'+val+')',90);
        }else{return;}
      }
  
      function toogleFeeds(interval,val){
        var realIntravel=interval
        if(isNaN(val)){ val = 0;}
        if(val == 0){
          fadeOut('twitterFeed');
          val=1;
          realIntravel=1000;
        }else{
          document.getElementById('twitterFeed').innerHTML = feedArr[tweetCount];
          tweetCount++;
          if(tweetCount &gt;=    feedArr.length){ tweetCount = 0;}
          fadeIn('twitterFeed');
          val=0;
        }
         setTimeout('toogleFeeds("'+interval+'",'+val+')',realIntravel);
      }
  </code></pre>