Jquery start countdown on mouseenter div then show image on "0"
<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>
