javascript - 将鼠标悬停在链接上 1500 毫秒后显示图像

Question

我想在链接上悬停至少 1500 毫秒或点击后显示图像。如何在显示图像时实现这个最短周期悬停条件？

图像应保持可见，直到将鼠标悬停在链接或其自身上。当鼠标移出两者时 & 应该消失。我怎样才能实现这个？提前致谢!

Answer 1

http://jsfiddle.net/sSBxv/

$('a').click(function() {

          alert(1); // alert on click

      })

      .hover(function() { // when mouse is entering

          var $this = $(this);

          // set timeout, save timeout id on element to clear later
          $this.data('timeout', setTimeout(function() {
              $this.click(); // click after 1500ms
          }, 1500));

       }, function() { // when mouse is leaving

              clearTimeout($(this).data('timeout')); // stop the timeout

       });