文字股票停止盤旋並保持這樣的狀態

Question

在Codepen鼠標懸停的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

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