[英]Adding commas in Javascript Countup
我有這個Javascript
<script>
var START_DATE = new Date("February 21, 2018 00:00:00"); // put in the
starting date here
var INTERVAL = 1; // in seconds
var INCREMENT = 6720; // increase per tick
var START_VALUE = 17419171608; // initial value when it's the start date
var count = 0;
window.onload = function()
{
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter').innerHTML = count;
setInterval("count += INCREMENT;
document.getElementById('counter').innerHTML = count;", msInterval);
}
</script>
我試圖用逗號分隔上面的代碼中的數千個,但我一直無法這樣做。
我在這里嘗試了說明,但是我無法將逗號分隔成千上萬個。
非常感謝您的幫助。 謝謝。
您可以嘗試在“ count”變量上使用Number.prototype.toLocaleString()函數。 該數字將根據區域設置進行打印,因此對於EN,它將帶有預期的逗號。
var count = 10000000;
console.log (count.toLocaleString());
檢查一下: 如何在JavaScript中以逗號分隔的數字打印為千位分隔符
解析負數,大數和浮點數有很大的功能。
您可以嘗試通過以下方式輸出計數:
const numberWithCommas = (x) => {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
這是我一起快速制作的小提琴,以向您展示該方法: https : //jsfiddle.net/r4s5rrrn/2/
我以你為榜樣,我進行了修改。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> var START_DATE = new Date("December 1, 2010 20:00:00"); // put in the starting date here var INTERVAL = 1; // in seconds var INCREMENT = 1; // increase per tick var START_VALUE = 4166667; // initial value when it's the start date var count = 0; window.onload = function() { var msInterval = INTERVAL * 1000; var now = new Date(); count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE; document.getElementById('counter').innerHTML = addCommas(count.toString()); setInterval(incrCount, msInterval); } function incrCount() { count += INCREMENT; document.getElementById('counter').innerHTML = addCommas(count.toString()); } function addCommas(nStr){ return parseInt(nStr).toLocaleString(); } </script> </head> <body> <div id="counter"></div> </body> </html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.