<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Goblin+One|Overpass+Mono" rel="stylesheet">
<script>
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
var file = '/file_default.txt'; //файл по умолчанию
if(h => 23 || h <= 1){ //если час больше или равен 23 _или_ меньше или равен 1
file = '/file_23-1.txt';
}else if(h >= 2 && h <= 3 ){ //если час больше или равен 2 _и_ меньше или равен 3
file = '/file_2-3.txt';
} //else if ...
if(startTime.lastFile !== file){ //если предыдущий загруженный файл другой
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', file, true);
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4){ //запрос файла выполнен
if(xmlhttp.status == 200){ //запос успешен
document.getElementById('from_file').innerHTML = xmlhttp.responseText; //выводим на страницу
startTime.lastFile = file; //устанавливаем предыдущим загруженным текущий
}else{
console.log('Ошибка загрузки файла: ' + xmlhttp.statusText);
}
}
}
xmlhttp.send(null);
}
if (h < 10) {h = "0" + h};
if (m < 10) {m = "0" + m};
if (s < 10) {s = "0" + s};
document.getElementById('txt').innerHTML = h + ":" + m;
document.getElementById('txt2').innerHTML = s;
var t = setTimeout(startTime, 1000);
}
</script>
</head>
<body onload="startTime()">
<div class="mainClock">
<span id="txt"></span>
<sup id="txt2"></sup>
</div>
<div id="from_file"></div>
</body>
</html>