计数器数字每六秒增加1

Question

我想要一个计数器。起始号码为：

10,000,000

每6秒，这将增加1，所以这将是：10000001然后10000002等...

我希望能够风格数字：font-family，color，font-size等

有些人可以帮我吗？

Answer 1

jQuery包含一个名为setTimeout（）的函数，该函数会导致函数在设定的时间延迟后被调用。像下面这样的东西会做你在问什么。确保您的文档包含一个ID为counter的DOM元素。然后：

var counter = 10000000; 
function incrementCounter() { 
    counter++; 
    $('#counter').html(counter); 
    setTimeout(incrementCounter, 6000); 
} 
setTimeout(incrementCounter, 6000); 

这是怎么回事？ setTimeout有两个参数：要调用的函数和以毫秒为单位的时间延迟。最后一行将我们定义的函数incrementCounter（）设置为在延迟六秒后运行。该函数递增计数器变量，将DOM对象的文本设置为计数器变量的值，然后再次设置超时：这意味着该函数将每六秒运行一次，直到停止它为止。

至于样式计数器，这可以使用静态CSS或使用jQuery样式操作函数来完成。

Answer 2

您可以使用setInterval来启动一个函数，该函数将在每6000毫秒调用一次。

var num = 10000000;  
setInterval(function() 
    { 
    num++; 
    console.log(num); 
    $('div').text(num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")); 
    },6000); 

下面是一个例子：https://jsfiddle.net/DinoMyte/sac63azn/3/