title: Smoke script time
body: <p>I am using the following script on my website:</p>
  
  <p><a href="http://demo.web3designs.com/css-jquery-animated-hot-smoke-coffee-tea-effect.htm" rel="nofollow">http://demo.web3designs.com/css-jquery-animated-hot-smoke-coffee-tea-effect.htm</a></p>
  
  <p>How can I edit it so the smoke isn't continuous, but only appears every 20 seconds?</p>
  
  <p>Here's the javascript:</p>
  
  <pre><code>if(!$.browser.msie){
          var a=0;for(;a&lt;15;a+=1){setTimeout(function b(){var a=Math.random()*1e3+5e3,c=$("&lt;div /&gt;",{"class":"smoke",css:{opacity:0,left:Math.random()*200+80}});$(c).appendTo("#viewport");$.when($(c).animate({opacity:1},{duration:a/4,easing:"linear",queue:false,complete:function(){$(c).animate({opacity:0},{duration:a/3,easing:"linear",queue:false})}}),$(c).animate({bottom:$("#viewport").height()},{duration:a,easing:"linear",queue:false})).then(function(){$(c).remove();b()})},Math.random()*3e3)}
      }else{      
      "use strict";var a=0;for(;a&lt;15;a+=1){setTimeout(function b(){var a=Math.random()*1e3+5e3,c=$("&lt;div /&gt;",{"class":"smoke",css:{left:Math.random()*200+80}});$(c).appendTo("#viewport");$.when($(c).animate({},{duration:a/4,easing:"linear",queue:false,complete:function(){$(c).animate({},{duration:a/3,easing:"linear",queue:false})}}),$(c).animate({bottom:$("#viewport").height()},{duration:a,easing:"linear",queue:false})).then(function(){$(c).remove();b()})},Math.random()*3e3)}}}())
  </code></pre>