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 ничего от часов, не знаю, как с ним поработать
JavaScript
Задание: добавить внизу одностраничного сайта (локальная сеть), цифровые часы с датой и днем недели. взгляните в код))
Вот так!
<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>
⚤
<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>
⚤
>> как опустить эти часы вниз?
Поменять расположение #digital_watch в разметке, и/или прописать ему стили с позицией/смещением.
>> и добавить дату и день недели
Это уже в скрипте дописывать надо. Метод Date.toLocaleString() в помощь.
Поменять расположение #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;
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;
разместить блок там, где нужно?
Викторианастасия Жигальские
так он в js файле, как в нем можно отредактировать местоположение, цвет?
Похожие вопросы
- Посмотрите пожалуйста задание. Всё работает. Тем не менее, интересно услышать замечания по коду.
- Подскажите сайт (ы) где показаны что добавили в js нового, чтобы список нововведений обновлялся
- Локальные и глобальные переменные
- Помогите с JavaScript (локальные/глобальные переменные/функции)
- Помогите разобраться в логике кода (замыкания)
- Каким образом или софтом можно скачать файлы массово с сайта? Фото сайта внутри.
- Вопрос по стилю кода. Следует ли проверять наличие свойства в объекте если я точно знаю что оно должно там быть?
- Гляньте код пожалуйста? Он работает, но мне кажется так не пишут. Да и по default что то не хочет работать код.
- Как можно улучшить код?
- Нет желаемого результата в коде.