Поточний час:
Сьогодні 25 вересня, понеділок 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 9 місяців 6 днів

Ваш ip адрес:54.162.181.75

Добрий вечір!
Ви обновили сторінку в 21 : 42
Статистика

Кількість публікацій на блозі: 365
Кількість коментарів на блозі: 100
Кількість категорій на блозі: 17
Кількість міток на блозі: 28

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

tick_tackПривіт всім відвідувачам Zura — Blog, в сьогоднішній публікації буде говоритись про час, а точніше як зробити так, щоб година відображалась у вас на сторінках сайту.

Хто частіше з вас заходить на Zura — Blog, можливо і бачить, що час від часу в дизайні появляються невеликі зміни, не значні.

Повністю сам дизайн міняти в мене бажання поки що не має, але всерівно, стараюсь шукати способи щоб сайт зробити кращим.

Отож, зліва в боковій панелі на Zura — Blog, до таких елементів на блозі, як пошук, вибір мови, інформація про останні пять коментарів, і інформер про пять свіжих публікацій, між цими елементами появились ще одні додаткові елементи, це також інформери.

Зокрема — такі як видення дати, часу, підказка скільки днів сайту, і ще одна похожа яка вказує скільки років, місяців, і днів існує сайт, показ ір–адреси відвідувача який зайде на сайт, всі ці інформери відображаються за рахунок скриптів, створених мовою програмування РНР і JavaScript.

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

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

Сам вигляд годинника,  звичайний, тільки цифри, бутласка на Zura — Blog зліва в боковій панелі,  між полем “пошук” і слайдером, відображаються цифри малого розміру, рядом  текст “Поточний час: ” — а дальше вказано годину, хвилину, і секунду.

Взагалі, яким чином можна зробити щоб такий елемент як “година”, відображався у вас на сайті, можна знайти спеціальні ресурси, які нададуть вам посилання, для того щоб у вас появився на сайті годинник, правда прийдеться в кодах свого сайту, додавати їхнє посилання.

Тут до речі така деталь, оскільки все залежить від вигляду годинника, якщо вигляд годинника такий як в мене, звичайний, просто вказує цифрами, це годину, хвилину, секунди, тоді зрозуміло, що в такому разі хай йдуть “прямо”.

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

До речі,  адреса на такий ресурс, в якому справді можна знайти дуже класний на вигляд годинник, з секундною стрілкою, правда потрібно вставляти чуже посилання на свій сайт, але самі віджети годинників дуже класні, ох знайти би десь такі коди 😐 і щоб мати такий віджет, без чужого посилання. Сайт — http://xuxu.org.ua

До речі, цей сайт виявився з приколом, оскільки мені потрібно було тричі клацнути на кнопку “Вхід”, щоб перейти на сторінку з віджетами, не знаю чи це в них такий глюк, чи так задумано, спробуй здогадатись.

Ну раз я вже застосував це слово “Прикол”, то ще розкажу про один прикол, під час пошуків цього скрипта, який повинен показувати  годину на сайті,  зайшов я на один ресурс, називається “Як просто”.

Пишуть на ньому, яким чином можна отримати показ години на сайті: (це знайти сайт який надасть код, або посилання, для цього потрібно ввести в пошуковику такі слова   “Як встановити годиник на сайт”,) і як ви думаєте,  також ще й присутнє тлумачення, на рахунок того що потім робити, (це отримати код з такого ресурсу, скопіювати код, і вставити скопійований “html -код” на сторінку. І на цьому все. Годинники на блозі радують нас і відвідувачів.)

О це я розумію, мабуть що справді юмористи 😕

Дякую що сказали, а то ніхто не й знав, про такий спосіб. О згадав, як вказали ще, (що можна написати самому, код на мові програмування рнр,  щось на це похоже <? echo ( date ( ” d FY h : i ” )) ; ? >,) навіть ще вказали (що щомиті потрібно, обновлювати сторінку самому) 😀 

Що сказати “молоток”, дуже корисна інформація. Хоча якусь істинну з цього можна дійсно взяти, це таку, що мовою програмування РНР, зробити скрипт, який би показував годину на сайті скоріш за все не получиться, самому обновлювати сторінки для зміни показників часу, як ви самі розумієте, що зовсім не цікаво.

Якщо я помиляюсь, на рахункок створення скрипта який би відображав час на сайті, створеного саме мовою програмування рнр, тоді червоніти не буду, але прохання якщо хтось з відвідувачів вкаже про це в коменті, бутласка предявити і сам код.  

Отож, які можуть ще бути варіанти, крім такого як взяти посилання з спеціального ресурсу, можна самому написати скрипт, ага жартую, хотів сказати, це мати в наявності готовий код, на Zura — Blog, є в наявності інформація про код, який виводить годину на сайті, правда створений флеш програмуванням, програмою “Adobe Flash Professional”, зараз вона вже по іншому називається.

В кого присутнє велике бажання, можите перейти на сторінку з назвою публікації  “Flash анімаця, скрипти flash редактор Adobe Flash Professional”,  і створити код самому, правда для цього вам буде потрібна програма від “Adobe”, поставити таку програму в себе на компі не просто.

Також, і сам спосіб створення на сайті години за допомогю коду по флеш програмуванню, доволі не простий, навіть не зважаючи на те, що є в наявності готовий код, спосіб тяжчий, а вигляд годинника буде одинаковий, такий як і створений цим кодом на мові JavaScript.

Так що  хто любитель з цим всім “побавитись”, тоді бут ласка, Вся інформація по створенню показу години на сайті, через флешпрограмування програмою “Adobe Flash Professional” на сторінці, “Flash анімаця, скрипти flash редактор Adobe Flash Professional” посилання нижче:

http://ruszura.in.ua/prohramy-dlya-veb-dyzajnu/flash-animatsya-skrypty-flash-redaktor-adobe-flash-professional.html

Варіант який я пропоную в цій публікації, це скрипт написаний на мові програмування JavaScript, зрозуміло що набагато легший, код короткий, додати до сайту такий код, справді зовсім не складно, всього то скопіювати і вставити в потрібне місце.

Скрипт написаний на мові програмування JavaScript, який буде на сайті відображати годину

<script type="text/javascript">
function time(){
if (!document.all&&!document.getElementById) return
thelement=document.getElementById? document.getElementById("tick_tack"): document.all.tick_tack
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (minutes<=9) minutes="0"+minutes
if (seconds<=9) seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds

thelement.innerHTML="<b style=' font-size:14;color:black;'>"+ctime+"</b>" 

setTimeout("time()",1000)} 

window.onload=time
</script>

Поточний час: <span id="tick_tack"></span>

а ба ба га ла ма га — в школі колись читав про героя цих слів, Гриць по моєму називався, гусей пас, отож, розуму щоб перевірити чи робочий скрипт, багато не потрібно, навіть Гриць справиться, створюєте в редакторі новий файл, копіюєте код вище, зберігаєте файл з розширенням HTML, відкриваєте збережений файл в браузері, і бутласка на сторінці відобразиться час — година, хвилина, секунда.

Пояснення до цього коду:

Поточний час: <span id=”tick_tack”></span>

 — цей рядок вставляєте в любе місце на сторінці сайту, місце, в якому у вас повина показуватись година, там вставляєте цей рядок коду. 

id=”tick_tack” 

— це є індентифікатор скрипта.

Що стосується самого скрипта, маю на увазі щоб відображався на кожній сторінці сайту, в принципі девятнадцять рядків коду, це не багато, тому код можна додавати і до кожної сторінки.

Чи перед закриваючим тегом </head>, чи після тегу <body>, час всерівно буде відображатись, також можите або розділяти цей рядок (Поточний час: <span id=”tick_tack”></span>) від основного коду, або вставляти все разом, година буде появлятись.

Можна створити окремо файл, з розширенням “js”,  тоді на сторінці потрібно вказати посилання на файл, до речі так більшість роблять, навіть не зважаючи на те, що код не є великим.

Оскільки, якщо повністю код скрипта розмістити на сторінці, то його побачить кожен, і зможе сам отримати ваш код, тільки через функцію яка присутня в кожному браузері, це — “Перегляд коду сторінки”.

tick_tack1

tick_tack2

Якщо створити окремо файл, і додати туда код, тоді на сторінці при застосуванні функції  — “Перегляд коду сторінки”, буде вказано тільки рядок з посиланням на файл, а не сам код. Код обробник буде знаходитись окремо, в файлі.

tick_tack3

В такому разі на сторінці його не буде можливості побачити, і тим самим скопіювати і як говориться “микнути”, хоча дана вказівка в принципі стосується скоріше більш якогось, ціннішого скрипта, а не цього, ну всерівно ця інформація лишньою для вас  не буде.

Взагалі то, можна також і до самого файлу дістатись, в якому буде зберігатись цей код, можна буде дістатись, вказавши його назву в кінці адреси посилання, в пошуковій панелі браузера, і тим самим відкртити його.

tick_tack4

Як говориться також можна буде  “микнути” код, але  є і способи захисту, щоб код не “микнули”, найпростіше це, виставити в файлі на сервері спеціальний атрибут, щоб код не можливо було переглянути, все ж таки, все це стосується мабуть що більш цінніших скриптів.

Тому не буду продовжувати, отож якщо створити окремо файл, і в файлі прописати цей код, але на сторінках потрібно буде вказати посилання на цей файл. Вказується в один рядок, наприклад: файл ви назвали, для прикладу назвали як і скрипт “tick_tack”.

Тоді на сторінках вказуємо рядок коду:

<script src=”tick_tack.js” type=”text/javascript”></script>

щоб зєднатись з файлом, і щоб браузер прочитав код, “tick_tack.js” як ви розумієте назва файлу, “src=” вкаже браузеру що код потрібно читати з файлу “tick_tack.js”, якщо скрипти у вас знаходяться в папці, то перед “tick_tack.js” ставите слеш, і вказуєте папку.

Поточний час: <span id=”tick_tack”></span>

так само вибираєте місце на сторінці, і вказуєте цей рядок, і в тому місці після слів “Поточний час:” буде відображатись година.

В коді вище, чотирнадцятий рядок:

thelement.innerHTML=”<b style=’ font-size:14;color:black;’>”+ctime+”</b>”

font-size:14;color:black; — виставляється розмір “font-size” цифрів годинника, і колір “color”.

Все по цьому скрипту, додам ще, що цей скрипт показує системний час, де хто з розумників натякає що системний час не завжди вірний, оскільки показує час сервера, час цей скрипт показує такий самий, як і час на віджеті вашої операційої системи.

Я спеціально звірив з часом який показаний в новинах, цей годинник спішить на вісім секунд, вісім секунд вважаю не суттєво, отже пора вже закруглятись, найближчим часом планую публікації які також будуть стосуватись скриптів.

На цьому все до зустрічі ! 


user_97

Публікації які стосуються скриптів інформерів, вони показують цікаву інформацію, приклад на Zura – Blog меню зліва.


Leave a Reply

Your email address will not be published. Required fields are marked *