Wordpress中YouTube API获取的播放量如何添加千位分隔符

最终可直接使用的完整代码 #

将你原有代码整体替换为以下内容即可，只需注意把key=后面的XXXXXXXXXXXXXXXXXXXXXXXXXXXXX替换为你自己的YouTube API密钥，视频IDCemk32wKN_k也可根据你实际需要拉取的视频调整：

<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>

改动说明 #

• 在原有代码中加入了你找到的千位分隔符格式化函数
• 拉取到原始播放量数值后，先经过格式化函数处理再显示到页面中，即可自动实现千位加分隔符的效果

内容的提问来源于stack exchange，提问作者user17557117