87 lines
3.1 KiB
JavaScript
87 lines
3.1 KiB
JavaScript
// Простой счетчик посещений
|
||
class SimpleCounter {
|
||
constructor() {
|
||
this.storageKey = 'arseny_site_counter';
|
||
this.serverFile = '/api/counter.txt'; // Файл для синхронизации
|
||
this.init();
|
||
}
|
||
|
||
async init() {
|
||
try {
|
||
// 1. Получаем локальное значение
|
||
let localCount = localStorage.getItem(this.storageKey);
|
||
if (!localCount) {
|
||
localCount = 1;
|
||
} else {
|
||
localCount = parseInt(localCount) + 1;
|
||
}
|
||
|
||
// 2. Сохраняем локально
|
||
localStorage.setItem(this.storageKey, localCount);
|
||
|
||
// 3. Пытаемся синхронизировать с сервером (в фоне, без ожидания)
|
||
this.syncWithServer(localCount);
|
||
|
||
// 4. Показываем на странице
|
||
this.display(localCount);
|
||
|
||
} catch (error) {
|
||
console.log('Счетчик работает в локальном режиме');
|
||
this.displayFallback();
|
||
}
|
||
}
|
||
|
||
async syncWithServer(count) {
|
||
try {
|
||
// Отправляем данные на сервер
|
||
await fetch(this.serverFile, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
},
|
||
body: JSON.stringify({ count: count })
|
||
});
|
||
} catch (error) {
|
||
// Игнорируем ошибки - работает локальная версия
|
||
}
|
||
}
|
||
|
||
display(count) {
|
||
// Ищем все элементы для отображения счетчика
|
||
const elements = document.querySelectorAll('[data-counter]');
|
||
|
||
elements.forEach(element => {
|
||
const format = element.dataset.format || 'simple';
|
||
|
||
switch(format) {
|
||
case 'simple':
|
||
element.textContent = `Посетителей: ${this.formatNumber(count)}`;
|
||
break;
|
||
case 'number':
|
||
element.textContent = this.formatNumber(count);
|
||
break;
|
||
case 'message':
|
||
element.textContent = `Вы посетитель №${this.formatNumber(count)}`;
|
||
break;
|
||
}
|
||
|
||
element.classList.add('counter-loaded');
|
||
});
|
||
}
|
||
|
||
displayFallback() {
|
||
const elements = document.querySelectorAll('[data-counter]');
|
||
elements.forEach(element => {
|
||
element.textContent = 'Счетчик загружается...';
|
||
});
|
||
}
|
||
|
||
formatNumber(num) {
|
||
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
|
||
}
|
||
}
|
||
|
||
// Автоматический запуск при загрузке страницы
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
new SimpleCounter();
|
||
}); |