Простой JavaScript Обратный отсчет

• April 19, 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 = new Date ();
var now_millisecs = now.valueOf ();

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

// отображаем количество оставшихся дней (или с тех пор)
if (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 + "days ago")
}


Вы можете скачать этот код или увидеть его в действии здесь. Чтобы использовать этот код в своих собственных проектах, скопируйте и вставьте его на свою веб-страницу (или в окно виджета Blogger HTML / JavaScript, как показано на рисунке выше). Измените дату в соответствии с инструкциями в комментариях - если это сбивает с толку Вы можете найти полезной мою статью о введении в даты UTC.

Видео инструкция: [JS] Как сделать простенький Таймер в JavaScript (April 2024).