Я нашел эти часы обратного отсчета в 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;
});
Или кто-нибудь может сказать мне, где я могу найти обратный отсчет, который легко настроить?
СПАСИБО
Получите 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!');
});
86400 * 2
означает 2 дня в секундах
итак, однажды наступит (24 * 60 * 60 = 86400)
и 2 дня это (2 * 86400)
Спасибо за ваше объяснение
Большое спасибо, это работает, вы можете увидеть это здесь: cumbrelaboral.co