Таймер обратного отсчёта на JS!

Научим JS считать время до события и выводить оставшееся в консоль.

Сначала напишем функцию форматирования:

function formatTime(ms) {
  const sec = Math.floor(ms / 1000) % 60;
  const min = Math.floor(ms / 60000) % 60;
  const hr = Math.floor(ms / 3600000);
  return `${hr}ч ${min}м ${sec}с`;
}

Теперь создадим функцию обратного отсчёта:

function countdown(targetTime) {
  const tick = () => {
    const diff = targetTime - Date.now();
    if (diff <= 0) {
      clearInterval(interval);
      console.log("Время вышло!");
    }

Проверяем условие окончания обратного отсчёта:

    else {
      console.log(formatTime(diff));
    }
  };
  tick();
  const interval = setInterval(tick, 1000);
}

countdown(Date.now() + 10000);

🔥 Это легкий способ создать обратный отсчет для событий и уведомлений!

📣 JS Ready | #практика

WeakMap — приватные свойства без классов!

WeakMap привязывает данные к объектам, делая их недоступными извне. Создаем приватное хранилище:

const privateData = new WeakMap();

function createUser(name) {
  const user = { name };
  privateData.set(user, { password: 'secret123' }); // для примера
  return user;
}

Методы для работы с приватными данными. Пароль напрямую не получить:

function getPassword(user) {
  return privateData.get(user)?.password;
}

function setPassword(user, newPassword) {
  const data = privateData.get(user) || {};
  data.password = newPassword;
  privateData.set(user, data);
}

Когда объект удаляется — данные тоже становятся недостижимыми. Очистка происходит автоматически при сборке мусора:

let user = createUser('Иван');
console.log(getPassword(user)); // 'secret123'

user = null; // запись исчезнет после GC

Важно: ключами WeakMap могут быть только объекты.

🔥 Инкапсуляция без классов — данные живут и умирают вместе с объектом.

📣 JS Ready | #практика