- Створення на сайті лічильника зворотного відліку Часто бувають моменти, коли виникає бажання створити...
- Створення на сайті лічильника зворотного відліку
Створення на сайті лічильника зворотного відліку
Часто бувають моменти, коли виникає бажання створити у себе на сайті невеликий блок, де в реальному часі відбувається відлік часу до того чи іншого знаменної події. Цей елемент дозволить внести деяку активність в загальну статичну картинку сайту і, можливо, в деяких випадках заінтригувати відвідувача. Взагалі іноді подібні прийоми використовуються в рекламних акціях - мовляв, «чекайте, через 10 днів буде вам диво». Всі відразу починають думати, що ж це за секрет такої. При цьому неусвідомлено можуть собі запам'ятати, що потрібно буде через ці 10 днів поцікавитися чим же все закінчилося. А що, непоганий хід! Адже цікавих людей досить багато. Але зараз не про це.
Але повернемося в світ ІТ, а конкретно - веб-розробки. Як же можна реалізувати подібний елемент у себе на сайті? Для цього, чисто теоретично, можна використовувати різні технології, як-то PHP, Flash, ймовірно Ajax, а також Java Script. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.
- WordPress Plugin «Countdown Timer» (Версія WP від 2.0 до 2.2.2)
- WordPress Plugin «KB Countdown Widget» (Версія WP від 2.0 до 2.2.1)
- Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
- скрипт , Який я використовував (опис на англ.)
- Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.
Модулі для 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. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.
- WordPress Plugin «Countdown Timer» (Версія WP від 2.0 до 2.2.2)
- WordPress Plugin «KB Countdown Widget» (Версія WP від 2.0 до 2.2.1)
- Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
- скрипт , Який я використовував (опис на англ.)
- Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.
Модулі для 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. У цьому блозі я застосував останній варіант рішення. Але перед тим, як його прояснити, наведу пару посилань на подібні матеріали, які знайшов в процесі пошуку. Можливо, вони вам знадобляться.
- WordPress Plugin «Countdown Timer» (Версія WP від 2.0 до 2.2.2)
- WordPress Plugin «KB Countdown Widget» (Версія WP від 2.0 до 2.2.1)
- Підбірка JS скриптів по темі «countdown» (тобто «зворотний відлік»)
- скрипт , Який я використовував (опис на англ.)
- Можна ще пошукати в Гуглі. Упевнений там є ще щось цікаве по цій темі.
Модулі для 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.
Як же можна реалізувати подібний елемент у себе на сайті?
Як же можна реалізувати подібний елемент у себе на сайті?
