计数器每6秒增加1

时间:2016-02-12 17:37:29

标签: counter addition seconds

我想要一个柜台。起始编号为:

10,000,000

每6秒,它会加1,所以它将是:10,000,001然后10,000,002等等......

我希望能够设置数字样式:font-family,color,font-size等。

有人可以帮帮我吗?

2 个答案:

答案 0 :(得分:0)

jQuery包含一个名为setTimeout()的函数,该函数会在设置的时间延迟后调用函数。像下面这样的东西可以做你想要的。确保您的文档包含ID为counter的DOM元素。然后:

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

这里发生了什么? setTimeout有两个参数:要调用的函数和以毫秒为单位的时间延迟。最后一行设置我们定义的函数incrementCounter(),在延迟6秒后运行。该函数递增计数器变量,将DOM对象的文本设置为计数器变量的值,然后再次设置超时:这意味着该函数将每六秒运行一次,直到某些东西停止。

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

答案 1 :(得分:0)

您可以使用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/