Простий зворотний відлік JavaScript

• Може 21, 2024

Я хотів простий таймер зворотного відліку JavaScript, який я міг би помістити у поле віджетів Blogger або використовувати в контексті веб-сторінки. Спочатку я припускав, що за допомогою швидкого пошуку в Інтернеті легко знайти саме те, що шукав. Однак усі лічильники, які я знайшов, були набагато складнішими за те, що я шукав. Я не хотів відраховувати до останньої секунди, просто дбав про дні. Отже, я вирішив написати своє.

Наступний код налаштований для підрахунку днів до (або з) 8 серпня 2008 року. Оскільки 8 - це сприятливе число в китайській культурі, цей день був обраний для церемоній відкриття Літніх Олімпійських ігор 2008 року в Пекіні.


var millisecs_per_day = 86400000
// встановити час відліку в мілісекундах
// Поставити бажаний день як аргументи до Date.UTC
// в порядку:
// рік, місяць (пам’ятаємо, січень - 0), день місяця, зміщення від GMT
// ПРИМІТКА: ми використовуємо компенсацію, оскільки це означає півночі
// (початок дня) у визначеному часовому поясі
var countdown_time = Date.UTC (2008,7,8, -8);
// отримати поточний час і перетворити на мілісекунди
var now = нова дата ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time - now_millisecs) / 86400000)

// відобразити кількість днів, що залишилися (або з тих пір)
якщо (day_cnt> 1)
{
// кілька днів пройти
document.write (day_cnt + "дні йти")
}
інше якщо (day_cnt == 1)
{
// один день їхати
document.write (day_cnt + "день іти")
}
інше якщо (day_cnt == 0)
{
// це сьогодні
document.write ("сьогодні")
}
інше якщо (day_cnt == -1)
{
// один день тому
document.write (day_cnt + "день тому")
}
ще
{
// кілька днів тому
document.write (day_cnt + "днів тому")
}


Ви можете завантажити цей код або переглянути його тут. Щоб використовувати цей код у власних проектах, скопіюйте та вставте його на свою веб-сторінку (або поле віджетів Blogger HTML / JavaScript, як показано на малюнку вище). Змініть дату відповідно до інструкцій у коментарях - якщо це заплутано , ви можете вважати мою статтю про Вступ до UTC Дати корисною.

Відео Інструкція: "Зворотний відлік. Парламентські. Ніч виборів" (Може 2024).