文本滴答器在悬停时停止并保持这样。

Question

在科德芬上，鼠标悬停的Html会停止，而不是停留在这样的位置。它不会开始移动，当鼠标活的文字。

Answer 1

，这可能更容易

var width = $('.ticker-text').width(),
containerwidth = $('.ticker-container').width(),
left = containerwidth;
function tick() {
    if(--left < -width){
        left = containerwidth;
    }
    $(".ticker-text").css("margin-left", left + "px");
    timeout = setTimeout( function() { tick() }, 16);  
}
tick();
$('.mousehover').hover(function(){
  clearTimeout(timeout);
}, function(){
  tick();
}); 

作笔：http://codepen.io/anon/pen/Dwzpd

Answer 2

这应该可以解决您想要的问题：

http://codepen.io/anon/pen/djLnw

联署材料：

var width = $('.ticker-text').width(),
    containerwidth = $('.ticker-container').width(),
    left = containerwidth;

function tick() {
    if (--left < -width) {
        left = containerwidth;
    }
    $(".ticker-text").css("margin-left", left + "px");
    timeout = setTimeout(tick, 16);
}

$('.mousehover').mouseenter(function () {
    clearTimeout(timeout);
});
$('.mousehover').mouseout(function () {
    setTimeout(tick, 16);
});
tick();