停止超时JQuery

我有以下代码：

<script type="text/javascript">
$("#contact_min").toggle(function(){
  $("#contact_min").animate({
    height: "300px"
  }, 1000 );
$(".arrow").html("&#x25bc;")
$(".popupcontent").html('foobar')
},
function(){
  $("#contact_min").animate({
    height: "28px"
  }, 1000 );
$(".arrow").html("&#x25B2;")
$(".popupcontent").html("")
});
</script>

<script type="text/javascript">
$(document).ready(function(){
   setTimeout(function(){
  $("#contact_min").animate({
    height: "300px"
  }, 1000 );
$(".arrow").html("&#x25bc;")
$(".popupcontent").html('foobar')
      }, 25000);

});
 </script>

这非常有效，您可以单击div并打开它，或者您可以等待25秒并打开它。但当你点击它，然后等待25秒，你必须点击两次才能再次关闭它。这是因为超时仍然会打开该框，即使您已经单击了它。有没有办法在单击方框后停止超时，使方框在25秒后不会打开？

使用clearTimeout

然后清除这个超时，像这样做，clearTimeouttOut

使用clearTimeout

然后清除这个超时，像这样做，clearTimeouttOut

您只需使用存储的值调用clearTimeout来停止超时

clearTimeout(timeout);

您只需使用存储的值调用clearTimeout来停止超时

clearTimeout(timeout);

.试试，试试