При создании одного из очередных проектов, столкнулся с проблемой создания счетчика времени, который бы отсчитывал по дням/часам/минутам/секунда время до наступления определенного события. Воспользовавщись, google.com нашел примеры, которые в той или иной степени меня не удолетворяли, незря мой знакомый говорит: «В Интеренете есть все, но ничего что нужно!», вспомнив его фразу, плюнув на монитор и сделав чай я решил написать свой JavaScript таймер обратного отсчета.
Представляю вашему вниманию, Таймер обратного отсчета, исходный код и работу скрипта, можно посмотреть тут.
Вставляем таймер в Sidebar:
Теперь, для адъютантов, я расскажу как вставить данный счетчик в боковую колонку вашего шаблона WordPress. Отрываем sidebar.php в самый конец файла вставляем:
StartCountDown("clock1","18/02/2009 12:33 PM -0400")
function StartCountDown(myDiv,myTargetDate) { var dthen = new Date(myTargetDate); var dnow = new Date(); ddiff = new Date(dthen-dnow); gsecs = Math.floor(ddiff.valueOf()/1000); CountBack(myDiv,gsecs); }
function Calcage(secs, num1, num2) { s = ((Math.floor(secs/num1))%num2).toString(); if (s.length < 2) { s = "0" + s; } return (s); } function CountBack(myDiv, secs) { var DisplayStr; var DisplayFormat = "%%D%% дней %%H%% часов %%M%% минут %%S%% секунд"; DisplayStr = DisplayFormat.replace(/%%D%%/g, Calcage(secs,86400,100000)); DisplayStr = DisplayStr.replace(/%%H%%/g, Calcage(secs,3600,24)); DisplayStr = DisplayStr.replace(/%%M%%/g, Calcage(secs,60,60)); DisplayStr = DisplayStr.replace(/%%S%%/g, Calcage(secs,1,60)); if(secs > 0) { document.getElementById(myDiv).innerHTML = DisplayStr; setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990); } else { document.getElementById(myDiv).innerHTML = "Auction Over"; } }
А затем, в нужном месте выводим переменные:
Вот и все 🙂
Ответить | Цитировать
Да,потому-что я сам как-то в одной группе видел,но к сожалению не знаю как его ставить(((
Так что если кто знает,прошу подскажите как это делается)))
Ответить | Цитировать
Ответить | Цитировать
[timer2] и все. Что нужно было поменять в коде? я поменяла только StartCountDown(«clock1″,»18/02/2009 12:33 PM -0400» на сегодняшнюю дату. Или что-то еще надо было править? Заранее спасибо!
Ответить | Цитировать