文本自动收报机在悬停时停止并保持不变

Question

在Codepen鼠标悬停时，Html自动收录器会停止，而不是像那样。当鼠标直播文字时，它不会开始移动。

Answer 1

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

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

JS：

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();

Answer 2

这可能会更容易

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