title: Jquery start countdown on mouseenter div then show image on "0"
body: <p>I don't know much about jquery but I know this is the only way I will achieve this effect.</p>
  
  <p>Code at the moment:</p>
  
  <p>JQUERY:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var settimmer = 0;
      $(function(){
              window.setInterval(function() {
                  var timeCounter = $("b[id=show-time]").html();
                  var updateTime = eval(timeCounter)- eval(1);
                  $("b[id=show-time]").html(updateTime);
  
                  if(updateTime &lt;= 0){
                      $("#timer").load("images/logo.png");
                  }
              }, 1000);
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="timerwrap"&gt; &lt;div id="my-timer"&gt; &lt;b id="show-time"&gt;100&lt;/b&gt; &lt;/div&gt; &lt;/div&gt;
  </code></pre>
  
  <p>I was wondering it anyone could help make it so when I mouseenter the surrounding div the countdown starts then change a background image in the #timerwrap when the timer hits "0"?</p>
  
  <p>Thanks a lot guys.</p>