JSFiddle - React, Tailwind, and code Playground
HTML
<div id="countdown_two"></div>
<p id="note_two"></p>
JavaScript
$(function(){
var note = $('#note'),
ts = new Date(2017, 0, 1),
newYear = true;
if((new Date()) > ts){
// Задаем точку отсчета для примера. Пусть будет очередной Новый год или дата через 10 дней.
// Обратите внимание на *1000 в конце - время должно задаваться в миллисекундах
ts = (new Date()).getTime() + 07*24*45*60*1000;
newYear = false;
}
$('#countdown').countdown({
timestamp : ts,
callback : function(days, hours, minutes, seconds){
var message = "";
message += "<span>Дней</span> ";
message += "<span>часов</span> ";
message += "<span>минут</span> ";
message += "<span>секунд</span> ";
note.html(message);
}
});
});
$(function(){
var note = $('#note_two'),
ts = new Date(2017, 0, 1),
newYear = true;
if((new Date()) > ts){
// Задаем точку отсчета для примера. Пусть будет очередной Новый год или дата через 10 дней.
// Обратите внимание на *1000 в конце - время должно задаваться в миллисекундах
ts = (new Date()).getTime() + 07*24*45*60*1000;
newYear = false;
}
$('#countdown_two').countdown({
timestamp : ts,
callback : function(days, hours, minutes, seconds){
var message = "";
message += "<span>Дней</span> ";
message += "<span>часов</span> ";
message += "<span>минут</span> ";
message += "<span>секунд</span> ";
note.html(message);
}
});
...