Страница сама по себе не знает, сколько раз её просматривали другие пользователи. Переменную со значением нужно хранить на сервере, а страница должна получать эти данные. К примеру браузер может обновлять эти данные следующим образом:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Счетчик просмотров</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
console.log('Сайт стартовал!');
let TimeStep = 1000, // Обновляем данные раз в секунду
url = '/get.php'; // Адрес, где хранится значение счётчика
function Update(){
console.log('Отправляем запрос...');
let R = new XMLHttpRequest();
R.open('POST', url, true);
R.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
R.send();
R.onreadystatechange = function(){
if(R.readyState == 4){
switch (R.status) {
case 200:
let Re = JSON.parse(R.responseText);
document.getElementById('p1').innerHTML = 'Просмотров: '+Re.get;
console.log(Re);
break;
case 404:
console.log('Адрес запроса не верен');
break;
default:
console.log('неизвестная ошибка');
}
}
}
setTimeout(Update, TimeStep);
}
Update();
});
</script>
</head>
<body>
<p id="p1"></p>
</body>
</html>
Как реализовать хранение переменной на сервере - вариантов куча, можно в базе, можно в файле. Для примера, как может быть реализована отправка счётчика:
<?php
// Получаем из Бд значение, сколько просмотров страницы было
$AllGet = 5;
// К примеру получили занчение, что было пять просмотров
echo json_encode(array('Err'=>false,'get'=>$AllGet));
// Отправили это значение на страницу
?>
