我正在嘗試在我的 Wordpress 網站上檢索特定視頻的 YouTube 觀看次數。我不是編碼員，但我設法使用以下代碼使其作業：
<div id="viewCount" style="display: inline-block;"></div>
<script>
let getviewCount = () => {
fetch(`https://www.googleapis.com/youtube/v3/videos?part=statistics&id=Cemk32wKN_k&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX`)
.then(response => {
return response.json()
})
.then(data => {
console.log(data);
viewCount.innerHTML = data["items"][0].statistics.viewCount;
})
}
getviewCount();
</script>
我想添加的最后一點是小數點分隔符，而不是像這樣的數字：
13526897
它看起來像這樣：
13,526,897
根據這里的一些研究，我認為我需要使用類似于此的函式：
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3}) (?!\d))/g, ",");
}
但是我不知道如何編碼，所以現在將這兩個想法結合起來超出了我的能力。
如果有人不介意向我展示如何做，我將不勝感激！
謝謝
uj5u.com熱心網友回復：
Javascript為此具有內置函式
Intl.NumberFormat() 功能
它將根據用戶的默認瀏覽器語言格式化數字。
var number = 1234567890;
console.log(new Intl.NumberFormat().format(number));
會輸出
美國客戶 1,234,567,890
德國客戶為 1.234.567.890
uj5u.com熱心網友回復：
恭喜你第一次接觸編程！復制并粘貼numberWithCommas單詞之前的函式定義let。
要使用您所添加的功能，只需呼叫numberWithCommas與data["items"][0].statistics.viewCount括號內。
總之，您的新代碼如下所示：
<div id="viewCount" style="display: inline-block;"></div>
<script>
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3}) (?!\d))/g, ",");
}
let getviewCount = () => {
fetch(`https://www.googleapis.com/youtube/v3/videos?part=statistics&id=Cemk32wKN_k&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX`)
.then(response => {
return response.json()
})
.then(data => {
console.log(data);
viewCount.innerHTML = numberWithCommas(data["items"][0].statistics.viewCount);
})
}
getviewCount();
</script>
uj5u.com熱心網友回復：
這是你應該做的...
<div id="viewCount" style="display: inline-block;"></div>
<script>
let getviewCount = () => {
fetch(`https://www.googleapis.com/youtube/v3/videos?part=statistics&id=Cemk32wKN_k&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX`)
.then(response => {
return response.json()
})
.then(data => {
console.log(data);
numberWithCommas(viewCount.innerHTML = data["items"][0].statistics.viewCount);
})
}
getviewCount();
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3}) (?!\d))/g, ",");
}
</script>
uj5u.com熱心網友回復：
let num = '13,526,897';
num = num.replace(/\,/g, '');
num = parseInt(num, 10);
如果你想再次使用這段代碼，你可以創建一個函式：
function parseNumber(number) {
return parseInt(number.replace(/\,/g,''), 10);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/370131.html
標籤：javascript html youtube-api
下一篇：函式不等待反應鉤子