計數器數字每六秒增加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/