如何创建一个计数器或自动收报机，显示滑块中网站的数字 [英] how to create a counter or ticker showing numbers for websites in a slider

问题描述

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

How or where can i get a counter something similar to this? I am aware of the sliders but the counter in the slider is something i am looking for and developing the website with HTML5, jquery.

推荐答案

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

I'm not sure I got the question 100%, anyway, here's my attempt:

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

这篇关于如何创建一个计数器或自动收报机，显示滑块中网站的数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！