计数器每六秒钟加1

问题描述 投票:-1回答:2

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

10,000,000

每6秒,它将加1,因此将是:10,000,001,然后是10,000,002,依此类推...

我希望能够为数字设置样式:字体系列,颜色,字体大小等。

有人可以帮帮我吗?

counter addition seconds
2个回答
0
投票

jQuery包含一个名为setTimeout()的函数,该函数导致在设置的时间延迟后调用该函数。类似以下内容的内容可以满足您的要求。确保您的文档包含ID为counter的DOM元素。然后:

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

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

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


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/


0
投票

我一点都不明白。不是1位

© www.soinside.com 2019 - 2024. All rights reserved.