Форум

Блондинка · #1 (**permalink**) 12.08.2019, 22:17

Помогите вывести на страницу день недели и название месяца

<!DOCTYPE html>
  <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            div {
                font: 14px serif;
                border: 1px solid #ccc;
                padding: 5px;
                margin-bottom: 5px;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id="hours"></div>
        <div id="minutes"></div>
        <div id="seconds"></div>
        <div id="day"></div>
        <div id="date"></div>
        <div id="month"></div>
        <div id="month_name"></div>
        <div id="year"></div>
        <script>
            var hours = document.getElementById('hours');
            var minutes = document.getElementById('minutes');
            var seconds = document.getElementById('seconds');
            var day = document.getElementById('day');
            var days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");
            var date_name = document.getElementById('date');
            var month = document.getElementById('month');
            var month_name = document.getElementById('month_name');
            var monthes = "января февраля марта апреля мая июня июля августа сентября октября ноября декабря".split(" ");
            var year = document.getElementById('year');
            var date = new Date();
            hours.innerHTML = date.getHours();
            minutes.innerHTML = date.getMinutes();
            seconds.innerHTML = date.getSeconds() 
            day.innerHTML = э();
            date_name.innerHTML = date.getDate();
            month.innerHTML = date.getMonth()+1;
            month_name.innerHTML = ();
            year.innerHTML = date.getFullYear();
            [hours, minutes, seconds, date, month].forEach(function(el) {
            el.innerHTML = ("0"+ el.innerHTML).slice(-2)
            })
        </script>
    </body>
</html>

ksa · #2 (**permalink**) 13.08.2019, 08:24

Сообщение от Блондинка

день недели

https://expange.ru/e/Как_узна..._(JavaScr ipt)

Сообщение от Блондинка

название месяца

https://javascript.ru/forum/misc/656...a-mesyaca.html

SuperZen · #3 (**permalink**) 13.08.2019, 08:52

может быть это ? https://github.com/date-fns/date-fns

Блондинка · #4 (**permalink**) 13.08.2019, 15:50

Сообщение от ksa

https://expange.ru/e/Как_узна..._(JavaScr ipt)

ksa,
это понятно что надо создать массив, и понятно как создать

var days = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'];

но непонятно как дальше, что написать в 40 строке...

рони · #5 (**permalink**) 13.08.2019, 17:30

Блондинка,
вы в курсе, что такое массив, индекс массива, выборка элемента массива по индексу.

Блондинка · #6 (**permalink**) 13.08.2019, 18:44

рони,
ну первое понятие 'массив' и так понятно
второе понятие 'индекс массива' недавно поняла благодаря очень подробным объяснениям "laimas",а вот с третьим сложнее...

рони · #7 (**permalink**) 13.08.2019, 18:59

Блондинка,
day.innerHTML = days[date.getDay()];

j0hnik · #8 (**permalink**) 14.08.2019, 05:42

Сообщение от Блондинка

Помогите вывести на страницу день недели и название месяца

<script>
document.write(
new Date().toLocaleString('ru', {
  weekday: 'long',
  month : 'long'
})
);

  </script>

Блондинка · #9 (**permalink**) 14.08.2019, 18:37

j0hnik,
это я знаю, надо было именно массив...

Блондинка · #10 (**permalink**) 14.08.2019, 18:42

остался один вопросик, как сделать ежесекундное обновление дива?

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            div {
                font: 14px serif;
                border: 1px solid #ccc;
                padding: 5px;
                margin-bottom: 5px;
                text-align: center;
            }
            #block_time-data {
            display: inline-block;
            white-spage: nowrap; }
            span { display: inline-block;
            white-space: nowrap; }
            #hours, #min, #sec {  }
            
            .colon { color: hsl(0, 0%, 60%); }
        </style>
    </head>
    <body>
        <div id="block_time-data">
        <span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span><br>
        <span id="day"></span><br>
        <span id="date"></span>
        <span id="month_name"></span>(<span id="month"></span>)
        <span id="year"></span>
        г.
        </div>
        <script>
            var hours = document.getElementById('hours');
            var minutes = document.getElementById('min');
            var seconds = document.getElementById('sec');
            var day = document.getElementById('day');
            var date_name = document.getElementById('date');
            var month = document.getElementById('month');
            var month_name = document.getElementById('month_name');
            var year = document.getElementById('year');
 
            var date = new Date();
            var days = ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'];
            var monthes = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
 
            hours.innerHTML = date.getHours();
            minutes.innerHTML = date.getMinutes();
            seconds.innerHTML = date.getSeconds();
 
            day.innerHTML = days[date.getDay()]; 
            date_name.innerHTML = date.getDate();
            month.innerHTML = date.getMonth()+1;
            month_name.innerHTML = monthes[date.getMonth()];
            year.innerHTML = date.getFullYear();
            [hours, min, sec, date_name, month].forEach(function(el) {
               el.innerHTML = ("0"+ el.innerHTML).slice(-2)
             })
         </script>
    </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript