Здравствуйте. Я совсем не силён в фронтенде и прошу помощи. Задача: сделать часы на странице html, которые показывают единое время для всех пользователей. Что сделал: часы на js и php, которые отправляют запрос на сервер каждую секунду и обновляют информацию на странице. Очень хочу сделать так, чтобы запрос был один, а дальше работал скрипт без обращения к серверу, но не могу разобраться из-за не хватки знаний. Спасибо за помощь.
файл php:
<?php echo date("G").":".date("i").":".date("s"); ?>
файл html:
<html>
<head>
<meta charset="utf-8">
<title>Часы</title>
<script>
window.onload = server_time;
function server_time(){
var req = new XMLHttpRequest();
req.open("GET","data_script.php",true);
req.onreadystatechange = function(){
document.getElementById("time_on_site").innerHTML = req.responseText;
}
req.send();
setTimeout("server_time()", 1000);
}
</script>
</head>
<body>
<div id="time_on_site"></div>
</body>
</html>