Загрузка...

Подскажите как сделать задание

Тема в разделе Frontend создана пользователем egorikkfn 20 мар 2024. 162 просмотра

Загрузка...
  1. egorikkfn
    egorikkfn Автор темы 20 мар 2024 люблю/ненавижу вышмат 114 4 дек 2021
    Задание таково:
    2) Часы, показывающие время разных часовых поясов.

    это должно переключаться между собой кнопочками(ну,button из html)
    Достаточно по идее 3-4 кнопочек,(UTC +0,UTC+3,UTC+8)
    Пытался сделать через Date(),но там берет время конкретно твоего пк.


    P.S просто белый файл,без стилей и тд,сверху 3 кнопки ,а снизу время(в реальном времени)
     
    20 мар 2024 Изменено
  2. МистерЛис
    МистерЛис 20 мар 2024 фри клауд - https://t.me/freecloudurl|AFK ДО 2025 1572 6 ноя 2021
    ChatGPT сделай задание на html, css, js
     
    1. Посмотреть предыдущие комментарии (3)
    2. МистерЛис
      egorikkfn,
      You can add or subtract hours from your date with
      JS
      currentTime.setHours(currentTime.getHours()+offset);
      where offset is any number of hours.
    3. egorikkfn Автор темы
  3. BabyAeza
    BabyAeza 20 мар 2024 Привет от Гудика 8861 19 фев 2018
    HTML
    ```html
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>World Clock</title>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>

    <div class="clock">
    <h1>World Clock</h1>
    <div class="clock-container">
    <div id="clock-0" class="clock-display active"></div>
    <div id="clock-3" class="clock-display"></div>
    <div id="clock-8" class="clock-display"></div>
    </div>
    <div class="buttons">
    <button id="btn-0" class="active" onclick="showClock(0)">UTC +0</button>
    <button id="btn-3" onclick="showClock(3)">UTC +3</button>
    <button id="btn-8" onclick="showClock(8)">UTC +8</button>
    </div>
    </div>

    <script src="script.js"></script>
    </body>
    </html>
    --- Сообщение объединено с предыдущим 20 мар 2024
    JS
    javascript
    function showClock(offset) {
    const now = new Date();
    const localTime = now.getTime();
    const localOffset = now.getTimezoneOffset() * 60000;
    const utc = localTime + localOffset;
    const targetTime = utc + (3600000 * offset);

    const targetDate = new Date(targetTime);
    const hours = targetDate.getHours();
    const minutes = targetDate.getMinutes();
    const seconds = targetDate.getSeconds();

    const clockDisplays = document.querySelectorAll('.clock-display');
    clockDisplays.forEach(clockDisplay => {
    clockDisplay.classList.remove('active');
    });

    const clock = document.getElementById('clock-' + offset);
    clock.innerHTML = `${hours}:${minutes}:${seconds}`;
    clock.classList.add('active');
    }
     
    1. BabyAeza
      ЮТУБ, пихуй, челу все равно никто не хотел помогать, так хоть что то может подправит и всё ок будит
Top