@@ -1173,27 +1240,78 @@
/**
* 调用第三方计数 API 获取并递增全局访问量，更新页脚显示。
+ * 之后定时轮询 get 接口（不递增），检测新访客并艺术化提示。
*/
+ let _lastCount = null;
+ let _toastTimer = null;
+
function updateVisitorCount() {
const countKey = 'all8ai-portal-visits-2026';
- const url = `https://countapi.mileshilliard.com/api/v1/hit/${countKey}`;
- fetch(url)
+ const hitUrl = `https://countapi.mileshilliard.com/api/v1/hit/${countKey}`;
+ fetch(hitUrl)
.then(res => res.json())
.then(data => {
if (data && data.value !== undefined) {
const count = Number(data.value);
+ _lastCount = count;
const numEl = document.getElementById('visitorCountNum');
- const numEnEl = document.getElementById('visitorCountNumEn');
- const wrapEl = document.getElementById('visitorCount');
if (numEl) numEl.textContent = count.toLocaleString();
- if (numEnEl) numEnEl.textContent = count.toLocaleString();
+ const wrapEl = document.getElementById('visitorCount');
if (wrapEl) wrapEl.style.opacity = '1';
}
})
.catch(() => {});
}
+ function pollVisitorCount() {
+ const countKey = 'all8ai-portal-visits-2026';
+ const getUrl = `https://countapi.mileshilliard.com/api/v1/get/${countKey}`;
+ fetch(getUrl)
+ .then(res => res.json())
+ .then(data => {
+ if (data && data.value !== undefined) {
+ const count = Number(data.value);
+ if (_lastCount !== null && count > _lastCount) {
+ const diff = count - _lastCount;
+ _lastCount = count;
+ animateVisitorCount(count, diff);
+ } else if (_lastCount !== null && count < _lastCount) {
+ _lastCount = count;
+ }
+ }
+ })
+ .catch(() => {});
+ }
+
+ function animateVisitorCount(count, diff) {
+ const numEl = document.getElementById('visitorCountNum');
+ const wrapEl = document.getElementById('visitorCount');
+ if (!numEl) return;
+
+ numEl.classList.add('bump');
+ if (wrapEl) wrapEl.classList.add('visitor-pulse');
+ setTimeout(() => {
+ numEl.textContent = count.toLocaleString();
+ }, 200);
+ setTimeout(() => {
+ numEl.classList.remove('bump');
+ if (wrapEl) wrapEl.classList.remove('visitor-pulse');
+ }, 800);
+
+ const toast = document.getElementById('visitorToast');
+ const toastText = document.getElementById('visitorToastText');
+ if (toast && toastText) {
+ toastText.textContent = `✨ 新访客 +${diff} · 当前 ${count.toLocaleString()} 次`;
+ toast.classList.add('show');
+ if (_toastTimer) clearTimeout(_toastTimer);
+ _toastTimer = setTimeout(() => {
+ toast.classList.remove('show');
+ }, 4000);
+ }
+ }
+
updateVisitorCount();
+ setInterval(pollVisitorCount, 10000);
/**
* 帮助弹窗的测试账号数据，中英双语展示。