how to setInterval on mouseout jquery?

Question

setInterval on mouseout dont work can any help me please here is my code

<script type="text/javascript">
$(document).ready(function() {
$("#time").load("ajaxTime.php");

var refreshId = setInterval(function() {
$("#time").load('ajaxTime.php?randval='+ Math.random());
}, 1000);
 $('#stop').mouseover(function(){
    clearInterval(refreshId);
 });
  $('#stop').mouseout(function(){
    setInterval(refrashID, 1000);
 });
});

   </script>
        <center>
            <div id="stop" style="width:100px; height: 100px; border: 1px solid #000;">
                <div id="time"></div>
            </div>
        </center>

Answer 1

First, you wrote refrashID instead of refreshId. But you need to assign that function you want as a variable so you can reuse it:

var $interval_function = function() { $("#time").load('ajaxTime.php?randval='+ Math.random()); };

// then when you set the interval:
refreshId = setInterval($interval_function, 1000);

// clear the interval:
clearInterval(refreshId)

// and you have to store the new result from setInterval if you run it again:
refreshId = setInterval($interval_function, 1000);