JavaScript

Задание: добавить внизу одностраничного сайта (локальная сеть), цифровые часы с датой и днем недели. взгляните в код))

function digitalWatch() {
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
if (hours < 10) hours = "0" + hours;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
document.getElementById("digital_watch").innerHTML = hours + ":" + minutes + ":" + seconds;
setTimeout("digitalWatch()", 1000);
}

часы я прикрутил, но они в верхнем левом углу, их надо както опустить вниз и добавить дату и день недели. Подскажите код, или хотябы, как опустить эти часы вниз? У него же нет в css ничего от часов, не знаю, как с ним поработать
Вот так!

<div id="digital_watch" style="position: fixed;bottom: 0;right: 0;"> </div>
<script>
setInterval(()=>{
arr=Date().split(" ");
digital_watch.innerText=arr[4]+' '+arr[0]+' ' + arr[2]
},1000);
</script>

Кайрат Карабаев
Кайрат Карабаев
61 446
Лучший ответ
>> как опустить эти часы вниз?
Поменять расположение #digital_watch в разметке, и/или прописать ему стили с позицией/смещением.

>> и добавить дату и день недели
Это уже в скрипте дописывать надо. Метод Date.toLocaleString() в помощь.
JS управляет DOM элементами, а вот за их вид отвечает css, поэтому эти часы можно хоть круглыми сделать, хоть положить на z ось.

document.getElementById("digital_watch") - получают элемент с id = digital_watch.
Этот элемент изначально на странице? Переместите его туда, куда надо.
Он создается скриптом? Заставьте скрипт ставить его в нужное место.
Ну и на крайняк можно просто переместить его скриптом в нужное место.

Если в левом верхнем, то скорее всего этому блоку задано абсолютное позиционирование (если я правильно понял, что значит в левом верхнем)
Если да, то просто переместите его стилями вниз страницы.

Для даты и дня недели:
1) добавьте после строки var date = new Date(); это:

var dayNames=['Понедельник','Вторник','Среда','Четверг','Пятница','Суббота','Воскресенье'];
var year = date.getFullYear();
var mounth = date.getMonth();
var daynum = date.getDate();
var day = date.getDay();
if (mounth < 10) mounth = "0" + mounth;
if (daynum < 10) daynum = "0" + daynum;

2)Строку document.getElementById("digital_watch").innerHTML = hours + ":" + minutes + ":" + seconds;
Замените на
document.getElementById("digital_watch").innerHTML = daynum + "." + mounth + "." +year + " "+dayNames[day] + " " + hours + ":" + minutes + ":" + seconds;
AB
Abylai Bekmuhan
17 671
разместить блок там, где нужно?
Викторианастасия Жигальские так он в js файле, как в нем можно отредактировать местоположение, цвет?