Как мне отредактировать обратный отсчет FlipDown.js?

Я нашел эти часы обратного отсчета в CodePen, но мне нужно их отредактировать, мне нужно установить конечную дату на 30 мая 2024 года. ¿Кто-нибудь знает, как установить конечную дату?

document.addEventListener('DOMContentLoaded', () => {

  // Unix timestamp (in seconds) to count down to
  var twoDaysFromNow = (new Date().getTime() / 1000) + (86400 * 2) + 1;

  // Set up FlipDown
  var flipdown = new FlipDown(twoDaysFromNow)

    // Start the countdown
    .start()

    // Do something when the countdown ends
    .ifEnded(() => {
      console.info('The countdown has ended!');
    });

  // Toggle theme
  var interval = setInterval(() => {
    let body = document.body;
    body.classList.toggle('light-theme');
    body.querySelector('#flipdown').classList.toggle('flipdown__theme-dark');
    body.querySelector('#flipdown').classList.toggle('flipdown__theme-light');
  }, 5000);
  
  var ver = document.getElementById('ver');
  ver.innerHTML = flipdown.version;
});

Или кто-нибудь может сказать мне, где я могу найти обратный отсчет, который легко настроить?

СПАСИБО

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
101
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Получите timestamp с миллисекундами May 30, 2024, затем преобразуйте его в секунды, разделив на 1000, и передайте его конструктору FlipDown.

const finalDate = new Date('2024-05-30T00:00:00Z').getTime() / 1000;

  // Set up FlipDown
const flipdown = new FlipDown(finalDate)

    // Start the countdown
    .start()

    // Do something when the countdown ends
    .ifEnded(() => {
      console.info('The countdown has ended!');
    });

Большое спасибо, это работает, вы можете увидеть это здесь: cumbrelaboral.co

Diego Diaz 26.04.2024 00:44

86400 * 2 означает 2 дня в секундах

  • 24 часа в сутки
  • 60 минут в часе
  • 60 секунд в минуте

итак, однажды наступит (24 * 60 * 60 = 86400) и 2 дня это (2 * 86400)

просмотрите документы

Спасибо за ваше объяснение

Diego Diaz 26.04.2024 00:47

Другие вопросы по теме