将jquery股票代码暂停在悬停状态，鼠标悬停时恢复

我有以下代码，我想在鼠标上方暂停股票代码，并在鼠标不在的情况下继续，提前谢谢：-）

//初始化没有自定义选项的插件
$（文档）.ready（函数（）{
左向量=0；
$（文档）.ready（函数（e）{
函数tick（）{
左++；
$（“.ticker”）.css（“左边距”，“左边距+”px”）；
设置超时（勾号16）；
}
勾选（）；
});
});

这就是你想要的吗

您可以在鼠标进入div时触发悬停事件时清除超时，并在鼠标离开div时再次设置超时

var left=0；
无功定时器；
函数tick（）{
左++；
$（“.ticker”）.css（“左边距”，“左边距+”px”）；
定时器=设置超时（勾号16）；
}
$（“.ticker”）。悬停(
//当鼠标进入div时调用此函数
函数（）{
清除超时（计时器）；
},
//这在鼠标离开div时调用
函数（）{
设置超时（勾号16）；
}
);
勾选（）

Ticker Text
您可以使用clearInterval（）方法找到解决方案。以下是一个工作片段：


$（文档）.ready（函数（）{
左向量=0；
var-ticker；
函数tick（）{
左++；
$（“.ticker”）.css（“左边距”，左边距+px”）；
ticker=setTimeout（勾号16）；
}
勾选（）；
$（“.ticker”）.mouseover（函数（）{
清除间隔（股票代码）；
});
$（“.ticker”）.mouseout（函数（）{
ticker=setTimeout（勾号16）；
});
});
.ticker{
高度：50px；
宽度：50px；
背景颜色：绿色；
}

演示
我为您创建了jquery插件

Jquery：
html:
根据您的要求更改代码，并使用
setInterval
和
clearInterval
为错误的小提琴链接道歉！你现在可以看到演示了！
<script type="text/javascript">
// Initialize the plugin with no custom options
$(document).ready(function () {
    var left = 0;
$(document).ready(function(e){
function tick() {
        left++;
        $(".ticker").css("margin-left", -left + "px");
        setTimeout(tick, 16);
  }

  tick();
});
});
</script>

$(function(){
    $.fn.ticker = function(options){
        var defaults = {
            count: 0
        };

        options = $.extend(true,options,defaults);

        var tickerEle = this;
        var tickerInterval;

        var start = function(){
            tickerInterval = setInterval(function(){
                $(tickerEle).text(options.count);
                options.count++;
            },100);
        };

        var stop = function(){
            clearInterval(tickerInterval);
        };
        start();
        $(tickerEle).hover(function(){
            stop();
        },function(){
            start();
        });

        return tickerEle;
    };
}());

<span class="tickerCount"></span>

<script>
$(function(){
   $(".tickerCount").ticker();
});
</script>

.tickerCount{
    padding: 20px;
    background-color: red;
}