当计时器用完时,jquery开始动画

时间:2010-09-12 02:35:02

标签: jquery

我正在尝试运行一些代码,当我的计时器停止时会启动一个特定的动画,但我仍然试图让它开始。

代码:

if($('#popup_msg').length) {
  var timer = 0;
  $('#popup_msg').bind({
   mouseenter: function() {
    timer = 0;
    console.log(timer);
   },
   mouseleave: function(){
    timer += 100;
    console.log(timer);
   }
  });

  timer += 100;

  console.log(timer);

  if(timer == 5000) {
   $('#popup_msg').delay(5000).slideUp();
  }
 }

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我能够使用以下代码找出答案

$('#popup_msg').prepend('<p>Hello World</p>').slideDown('slow', function(){
                var t = $(this);
                t.mouseenter(function(){
                    t.stop();
                }).mouseleave(function(){
                    t.delay(5000).slideUp();
                });
            }).delay(5000).slideUp();

如果你知道更好的方法,请告诉我!