Как задать тень для svg?

Сергей Т, У меня еще вопрос один. Я заметил что тень не добавляется если указать img src="путь к svg" вместо svg какой-то вектор svg. Это с чем может быть связанно?

Тут я думаю будет понятней

картинка без тени. Там просто путь до svg иконки


с тенями, но без ссылки на svg, а именно указанно в html

https://codepen.io/Alexxxsander/pen/ExozmML

Как задать тень для svg?

Если я правильно понял, нужно создавать копию иконки?

Как остановить выполнение функции?

Антон Горецкий, все равно косо работает(. Ну ладно, спасибо за помощь

Как остановить выполнение функции?

Антон Горецкий, Я не знаю почему, но таймера начинают нормально переключатся, только со 2 нажатия по кнопке EIGTH MARCH. В чем может быть такой ошибки?

document.addEventListener("DOMContentLoaded", allTimer);

function allTimer() {
  let timeNY = new Date("Jan 1 2023 00:00:00");
  let timeGD = new Date("Mar 8 2023 00:00:00");
  let fNY = true;
  let fGD = false;

  const timerNY = () => {
    let now = new Date();
    let getLeft = timeNY - now;
    const titleNY = "New Year";
    const zero = "0";

    let days = Math.floor(getLeft / 1000 / 60 / 60 / 24);
    let hours = Math.floor(getLeft / 1000 / 60 / 60) % 24;
    let minutes = Math.floor(getLeft / 1000 / 60) % 60;
    let seconds = Math.floor(getLeft / 1000) % 60;

    if (days < 10) days = zero + days;
    if (hours < 10) hours = zero + hours;
    if (minutes < 10) minutes = zero + minutes;
    if (seconds < 10) seconds = zero + seconds;

    document.querySelector(".title-big").textContent = titleNY;
    document.querySelector(".timer-days__days").innerHTML = days;
    document.querySelector(".timer-hours__hours").innerHTML = hours;
    document.querySelector(".timer-minutes__minutes").innerHTML = minutes;
    document.querySelector(".timer-seconds__seconds").innerHTML = seconds;

    if (!fNY) clearInterval(clearNY);
  };
  
  timerNY();
  const clearNY = setInterval(timerNY, 1000);

  const timerGD = () => {
    let now = new Date();
    let getLeft = timeGD - now;
    const titleGD = "Woman's Day";
    const zero = "0";

    let days = Math.floor(getLeft / 1000 / 60 / 60 / 24);
    let hours = Math.floor(getLeft / 1000 / 60 / 60) % 24;
    let minutes = Math.floor(getLeft / 1000 / 60) % 60;
    let seconds = Math.floor(getLeft / 1000) % 60;

    if (days < 10) days = zero + days;
    if (hours < 10) hours = zero + hours;
    if (minutes < 10) minutes = zero + minutes;
    if (seconds < 10) seconds = zero + seconds;

    document.querySelector(".title-big").textContent = titleGD;
    document.querySelector(".timer-days__days").innerHTML = days;
    document.querySelector(".timer-hours__hours").innerHTML = hours;
    document.querySelector(".timer-minutes__minutes").innerHTML = minutes;
    document.querySelector(".timer-seconds__seconds").innerHTML = seconds;

    if (!fGD) clearInterval(clearGD);
  };

  const clearGD = setInterval(timerGD, 1000);

  const switchesTarget = () => {
    const switches = document.querySelector(".switches");
    switches.addEventListener("click", (event) => {
      if (event.target.id == "NY") {
        timerNY();
        fNY = true;
        fGD = false;
        console.log(fNY, fGD);
      }
      if (event.target.id == "GD") {
        timerGD();
        fNY = false;
        fGD = true;
        console.log(fNY, fGD);
      }
    });
  };

  switchesTarget();
}

Как остановить выполнение функции?

К сожалению такой вариант, не работает(. Таймеры не останавливаются

Как остановить выполнение функции?

Сергей Сергей,

export function timerGD() {
  let timeGD = new Date("Mar 8 2023 00:00:00");

  const timer = () => {
    let now = new Date();
    let getLeft = timeGD - now;
    const titleNY = "Eigth March";
    const zero = "0";

    let days = Math.floor(getLeft / 1000 / 60 / 60 / 24);
    let hours = Math.floor(getLeft / 1000 / 60 / 60) % 24;
    let minutes = Math.floor(getLeft / 1000 / 60) % 60;
    let seconds = Math.floor(getLeft / 1000) % 60;

    if (days < 10) days = zero + days;
    if (hours < 10) hours = zero + hours;
    if (minutes < 10) minutes = zero + minutes;
    if (seconds < 10) seconds = zero + seconds;

    document.querySelector(".title-big").textContent = titleNY;
    document.querySelector(".timer-days__days").innerHTML = days;
    document.querySelector(".timer-hours__hours").innerHTML = hours;
    document.querySelector(".timer-minutes__minutes").innerHTML = minutes;
    document.querySelector(".timer-seconds__seconds").innerHTML = seconds;
  };

  timer();
  setInterval(timer, 1000);
}

Насколько резонно подключать библиотеки для таких вещей как модалка, маски и тд?

Если человек очень уверенно знает как это должно работать и умеет писать такой код, тогда есть смысл библиотеки использовать. Ну а если он учится, тогда согласен с вами

Как изменить цвет внутри картинки?

У иконки нету внутреннего фона, вот и иконка не окрашивается полностью.

Как обновить значение в object?

Спасибо!

Как добавить файлы для Live Sass Compilate?

Это просто название файла.

Какой бы код вы выбрали?

Антон Антон, Спасибо вам. Удачи и хорошего дня

Какой бы код вы выбрали?

Rsa97, Антон Антон хотел бы спросить на счёт toLocaleDateString, toLocaleTimeString. Их можно использовать когда общий стить ? А если нужно к примеру second изменить на другой цвет(на красный), тогда нужно пользоваться getSecond() или в чем их смысл, если можно сразу использовать toLocaleTimeString()?

Как в flex опустить вниз последний элемент?

alexalexes, хорошо. Спасибо. Пойду еще погуглю

Как в flex опустить вниз последний элемент?

alexalexes, я же говорю, мне нужен такой же результат, как и с использованием margin-top: auto !important; Только без использования margin. Я кстати ошибся, margin не растягивал height, мне просто показалось так, прошу прощения.

Как в flex опустить вниз последний элемент?

alexalexes, а что margin-top: auto !important;
то единственный способ? Или через flex не получится?

Как в flex опустить вниз последний элемент?

мне нужно без margin. Я так пробовал, результат почти который нужен, но все же он мне не подходит. Он дополнительно растягивает height.

Как в flex опустить вниз последний элемент?

мне нужно без margin. Я так пробовал, результат почти который нужен, но все же он мне не подходит. Он дополнительно растягивает height.

Live Server не работает в VS CODE. У Кого-то получилось решить эту проблему?

WbICHA, проблема в том что я так делал, но страница не изменяется, даже после перезагрузки
F5

Live Server не работает в VS CODE. У Кого-то получилось решить эту проблему?

У кого запускается расширение нормально и кому не тяжело, подделитесь пожалуйста конфигом extensions.json и settings.json. Возможно я что-то упустил

Live Server не работает в VS CODE. У Кого-то получилось решить эту проблему?

WbICHA, что значит вручную? Я запускаю по кнопке в нижней панели "Go Live" или в html файле "Open with Live Server".