html - 如何在滑块中创建显示网站数字的计数器或自动收报机

Question

我如何或在哪里可以获得与此类似的柜台？我知道滑块，但滑块中的计数器是我正在寻找并使用 HTML5、jquery 开发网站的东西。

Answer 1

我不确定我是否 100% 得到了这个问题，无论如何，这是我的尝试：

JSFiddle

var Counter = function(options) {
    var start = options.start;
    this.init = function() {
        var self = this;
        var t = window.setInterval(function() {
            start+=1;
            self.render(start);
         }, options.interval)
    }

    this.render = function(number) {
    var stringVal = number.toString();
        var arr = stringVal.split('');
        for(var i = 0; i < arr.length ; i++) {
            $('.number').eq(i).text(arr[i]);
        }
    }

    this.init();
}
var counter = new Counter({
    start: 123456777,
    interval: 1000 //milliseconds
});