Створення на сайті лічильника зворотного відліку часу

  1. Створення на сайті лічильника зворотного відліку Часто бувають моменти, коли виникає бажання створити...
  2. Створення на сайті лічильника зворотного відліку

Створення на сайті лічильника зворотного відліку

Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події. Цей елемент дозволить внести деяку активність в загальну статичну картинку сайту і, можливо, в деяких випадках заінтригувати відвідувача. Взагалі іноді подібні прийоми використовуються в рекламних акціях - мовляв, «чекайте, через 10 днів буде вам диво». Всі відразу починають думати, що ж це за секрет такої. При цьому неусвідомлено можуть собі запам'ятати, що потрібно буде через ці 10 днів поцікавитися чим же все закінчилося. А що, непоганий хід! Адже цікавих людей досить багато. Але зараз не про це.

Але повернемося в світ ІТ, а конкретно - веб-розробки. Як же можна реалізувати подібний елемент у себе на сайті? Для цього, чисто теоретично, можна використовувати різні технології, як-то PHP, Flash, ймовірно Ajax, а також Java Script. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.

  1. WordPress Plugin «Countdown Timer» (Версія WP від ​​2.0 до 2.2.2)
  2. WordPress Plugin «KB Countdown Widget» (Версія WP від ​​2.0 до 2.2.1)
  3. Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
  4. скрипт , Який я використовував (опис на англ.)
  5. Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.

Модулі для WordPress я відкинув відразу. По-перше, не було підтримки потрібної мені версії, а я читав, що збірка 2.2.х злегка відрізняється за структурою від 2.3.х, тому не хотів зловити якихось несподіваних глюків на голому місці. По-друге, завдання досить проста і може бути вирішена за допомогою звичайного скрипта, не навіщо ставити незрозумілі і потенційно небезпечні модулі. JS файл в даному випадку набагато простіше перевірити на наявність «незрозумілих рядків» в коді.

Отже, що стосується обраного мною варіанти. Для його вставки на сайт, необхідно в код шаблону додати наступний код:

<Script language = "JavaScript">
TargetDate = «1/1/2008 0:00 AM»;
BackColor = «»;
ForeColor = «white»;
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<em> До Нового Року: </ em> %% D %% дн. %% H %% ч. %% M %% хв. і %% S %% сек. »;
FinishMessage = «Здійснилося! З новим 2008 им роком !!! »;
</ Script>
<script language = "JavaScript" src = "путь_к_скріпту /countdown.js»> </ script>

Попередньо викачуємо сам скрипт тут і заливаємо собі на ФТП. Можна прямо в папку wp-content.
Код, який вставляється на сайт містить ряд налаштувань. це:

  • TargetDate - дата, до якої відраховується час.
  • BackColor - колір фону для тексту з часом.
  • ForeColor - колір тексту.
  • CountActive - включення лічильника.
  • CountStepper - крок відліку (в секундах).
  • LeadingZero - нуль перед цифрами, наприклад числа 09, 08, 07 і т.д.
  • DisplayFormat - формат відображення тексту лічильника.
  • FinishMessage - повідомлення, коли лічильник дорахував до потрібної дати.

Звичайно, в даному скрипті враховані в повному обсязі нюанси, як наприклад, різні закінчення для «днів», «годин» при певних числових значеннях. Крім того, наскільки я зрозумів, час береться з показань на вашому локальному комп'ютері - якщо воно у вас йде неправильно, то і новий рік під даним лічильнику можете зустріти не разом з усіма :)
І, тим не менш, скрипт має право на існування - він досить компактний і має потрібний функціоналом. Для самого простого застосування згодиться на всі 100%. Ентузіасти можуть дописати необхідні властивості вручну :) Після чого втілити результат роботи в повноцінний плагін для WordPress.

Створення на сайті лічильника зворотного відліку

Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події. Цей елемент дозволить внести деяку активність в загальну статичну картинку сайту і, можливо, в деяких випадках заінтригувати відвідувача. Взагалі іноді подібні прийоми використовуються в рекламних акціях - мовляв, «чекайте, через 10 днів буде вам диво». Всі відразу починають думати, що ж це за секрет такої. При цьому неусвідомлено можуть собі запам'ятати, що потрібно буде через ці 10 днів поцікавитися чим же все закінчилося. А що, непоганий хід! Адже цікавих людей досить багато. Але зараз не про це.

Але повернемося в світ ІТ, а конкретно - веб-розробки. Як же можна реалізувати подібний елемент у себе на сайті? Для цього, чисто теоретично, можна використовувати різні технології, як-то PHP, Flash, ймовірно Ajax, а також Java Script. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.

  1. WordPress Plugin «Countdown Timer» (Версія WP від ​​2.0 до 2.2.2)
  2. WordPress Plugin «KB Countdown Widget» (Версія WP від ​​2.0 до 2.2.1)
  3. Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
  4. скрипт , Який я використовував (опис на англ.)
  5. Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.

Модулі для WordPress я відкинув відразу. По-перше, не було підтримки потрібної мені версії, а я читав, що збірка 2.2.х злегка відрізняється за структурою від 2.3.х, тому не хотів зловити якихось несподіваних глюків на голому місці. По-друге, завдання досить проста і може бути вирішена за допомогою звичайного скрипта, не навіщо ставити незрозумілі і потенційно небезпечні модулі. JS файл в даному випадку набагато простіше перевірити на наявність «незрозумілих рядків» в коді.

Отже, що стосується обраного мною варіанти. Для його вставки на сайт, необхідно в код шаблону додати наступний код:

<Script language = "JavaScript">
TargetDate = «1/1/2008 0:00 AM»;
BackColor = «»;
ForeColor = «white»;
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<em> До Нового Року: </ em> %% D %% дн. %% H %% ч. %% M %% хв. і %% S %% сек. »;
FinishMessage = «Здійснилося! З новим 2008 им роком !!! »;
</ Script>
<script language = "JavaScript" src = "путь_к_скріпту /countdown.js»> </ script>

Попередньо викачуємо сам скрипт тут і заливаємо собі на ФТП. Можна прямо в папку wp-content.
Код, який вставляється на сайт містить ряд налаштувань. це:

  • TargetDate - дата, до якої відраховується час.
  • BackColor - колір фону для тексту з часом.
  • ForeColor - колір тексту.
  • CountActive - включення лічильника.
  • CountStepper - крок відліку (в секундах).
  • LeadingZero - нуль перед цифрами, наприклад числа 09, 08, 07 і т.д.
  • DisplayFormat - формат відображення тексту лічильника.
  • FinishMessage - повідомлення, коли лічильник дорахував до потрібної дати.

Звичайно, в даному скрипті враховані в повному обсязі нюанси, як наприклад, різні закінчення для «днів», «годин» при певних числових значеннях. Крім того, наскільки я зрозумів, час береться з показань на вашому локальному комп'ютері - якщо воно у вас йде неправильно, то і новий рік під даним лічильнику можете зустріти не разом з усіма :)
І, тим не менш, скрипт має право на існування - він досить компактний і має потрібний функціоналом. Для самого простого застосування згодиться на всі 100%. Ентузіасти можуть дописати необхідні властивості вручну :) Після чого втілити результат роботи в повноцінний плагін для WordPress.

Створення на сайті лічильника зворотного відліку

Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події. Цей елемент дозволить внести деяку активність в загальну статичну картинку сайту і, можливо, в деяких випадках заінтригувати відвідувача. Взагалі іноді подібні прийоми використовуються в рекламних акціях - мовляв, «чекайте, через 10 днів буде вам диво». Всі відразу починають думати, що ж це за секрет такої. При цьому неусвідомлено можуть собі запам'ятати, що потрібно буде через ці 10 днів поцікавитися чим же все закінчилося. А що, непоганий хід! Адже цікавих людей досить багато. Але зараз не про це.

Але повернемося в світ ІТ, а конкретно - веб-розробки. Як же можна реалізувати подібний елемент у себе на сайті? Для цього, чисто теоретично, можна використовувати різні технології, як-то PHP, Flash, ймовірно Ajax, а також Java Script. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.

  1. WordPress Plugin «Countdown Timer» (Версія WP від ​​2.0 до 2.2.2)
  2. WordPress Plugin «KB Countdown Widget» (Версія WP від ​​2.0 до 2.2.1)
  3. Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
  4. скрипт , Який я використовував (опис на англ.)
  5. Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.

Модулі для WordPress я відкинув відразу. По-перше, не було підтримки потрібної мені версії, а я читав, що збірка 2.2.х злегка відрізняється за структурою від 2.3.х, тому не хотів зловити якихось несподіваних глюків на голому місці. По-друге, завдання досить проста і може бути вирішена за допомогою звичайного скрипта, не навіщо ставити незрозумілі і потенційно небезпечні модулі. JS файл в даному випадку набагато простіше перевірити на наявність «незрозумілих рядків» в коді.

Отже, що стосується обраного мною варіанти. Для його вставки на сайт, необхідно в код шаблону додати наступний код:

<Script language = "JavaScript">
TargetDate = «1/1/2008 0:00 AM»;
BackColor = «»;
ForeColor = «white»;
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<em> До Нового Року: </ em> %% D %% дн. %% H %% ч. %% M %% хв. і %% S %% сек. »;
FinishMessage = «Здійснилося! З новим 2008 им роком !!! »;
</ Script>
<script language = "JavaScript" src = "путь_к_скріпту /countdown.js»> </ script>

Попередньо викачуємо сам скрипт тут і заливаємо собі на ФТП. Можна прямо в папку wp-content.
Код, який вставляється на сайт містить ряд налаштувань. це:

  • TargetDate - дата, до якої відраховується час.
  • BackColor - колір фону для тексту з часом.
  • ForeColor - колір тексту.
  • CountActive - включення лічильника.
  • CountStepper - крок відліку (в секундах).
  • LeadingZero - нуль перед цифрами, наприклад числа 09, 08, 07 і т.д.
  • DisplayFormat - формат відображення тексту лічильника.
  • FinishMessage - повідомлення, коли лічильник дорахував до потрібної дати.

Звичайно, в даному скрипті враховані в повному обсязі нюанси, як наприклад, різні закінчення для «днів», «годин» при певних числових значеннях. Крім того, наскільки я зрозумів, час береться з показань на вашому локальному комп'ютері - якщо воно у вас йде неправильно, то і новий рік під даним лічильнику можете зустріти не разом з усіма :)
І, тим не менш, скрипт має право на існування - він досить компактний і має потрібний функціоналом. Для самого простого застосування згодиться на всі 100%. Ентузіасти можуть дописати необхідні властивості вручну :) Після чого втілити результат роботи в повноцінний плагін для WordPress.

Як же можна реалізувати подібний елемент у себе на сайті?
Як же можна реалізувати подібний елемент у себе на сайті?
Як же можна реалізувати подібний елемент у себе на сайті?