Нужна помощь!
Мне нужно сделать так, что бы секунды в часах отображались в индексе сверху, каким образом я могу это сделать? Пока имею следующее:
<!DOCTYPE html>
<!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();
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">
<div id="txt"></div>
<div id="txt2"></div>
</div>
</body>
</html>
P.S. Буду очень благодарен за помощь) |
Поменять местами <div id="txt"></div> и <div id="txt2"></div>? 0_о
|
Вы меня не правильно поняли, мне нужно что-то такое:
01:18<sup>26</sup> |
<div id="txt"></div> <div id="txt2"></div>-> <span id="txt"></span> <sup id="txt2"></sup>Ну элементарный html же... |
Работает, но при увеличении текста, возможно ли сделать так, что бы индекс оставался быть маленьким, ну и сверху само собой. Он почему-то работает, только при увеличении размера обоих сразу.
|
Уже разобрался, спасибо.
|
Смогли ли вы мне еще помочь. Мне нужно в зависимости от того, который час, мне нужно считывать разный текст из файла и записывать его на сайт, каким образом это лучше сделать?
|
<!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>
|
С чем может быть связана 'Ошибка загрузки файла'?
|
С отсутствием файла.)
|
| Часовой пояс GMT +3, время: 06:28. |