分享一个基于php+js的网页计数器吧

之前用的 busuanzi 的计数器，不过总是担心哪天突然挂了，索性考虑自建一个

在需要计数的网页引入如下js代码

1. <script>
   
2. fetch('/fwltj.php')
   
3. .then(response => response.json())
   
4. .then(data => {
   
5. document.getElementById('fwltj').innerText = data.visitCount;
   
6. })
   
7. .catch(error => console.error('0:', error));
   
8. </script>

复制代码

在页面显示的地方使用如下代码来调用显示

1. <span id="fwltj"></span>

复制代码

在主机新建一个叫 fwltj.php 的文件，粘贴如下代码

1. <?php
   
2. $visitCountFile = 'fwl.txt';
   
3. function getVisitCount() {
   
4.     global $visitCountFile;
   
5.     if (file_exists($visitCountFile)) {
   
6.         return file_get_contents($visitCountFile);
   
7.     }
   
8.     return 0;
   
9. }
   
10. function increaseVisitCount() {
    
11.     global $visitCountFile;
    
12.     $visitCount = getVisitCount();
    
13.     file_put_contents($visitCountFile, ++$visitCount);
    
14. }
    
15. increaseVisitCount();
    
16. header('Content-Type: application/json');
    
17. echo json_encode(['visitCount' => getVisitCount()]);
    
18. ?>

复制代码

之后就能正常使用了