Виджет времени с датой и днем недели для блоггер



Здравствуйте друзья и читатели блога. В статье Гаджет текущей даты и времени для блоггер, я писала о часиках и дате для наших блогов блоггер. Многие читатели хотели бы видеть кроме времени и даты, еще и день недели. Примерно так

Установка и настройка виджета в блог блоггер

В макете блога (дизайн) добавляем два гаджета, скрипт ниже сохраняем внизу (footer)


<script type="text/javascript">
function clock() {
var d = new Date();
var day = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

month=new Array("01", "02", "03", "04", "05", "06",
"07", "08", "09", "10", "11", "12");
days=new Array("Воскресенье", "Понедельник", "Вторник", "Среда",
"Четверг", "Пятница", "Суббота");

if (day <= 9) day = "0" + day;
if (hours <= 9) hours = "0" + hours;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;

date_date = day + " " + month[d.getMonth()] + " " + d.getFullYear() + " г. (" +
days[d.getDay()] + ")";
date_time = hours + ":" + minutes + ":" + seconds;

if (document.layers) {
 document.layers.date.document.write(date_time);
 document.layers.date.document.close();
 document.layers.time.document.write(date_time);
 document.layers.time.document.close();
}
else {
 document.getElementById("date").innerHTML = date_date;
 document.getElementById("time").innerHTML = date_time;
}
 setTimeout("clock()", 1000);
}
clock();
</script>


Можно изменить полное слово дня недели на две первых буквы: воскресенье (Вс), понедельник (Пн), выделено жирным цветом. Только будьте внимательны, не удалите скобки и другие символы.

Выделено синим до точки с запятой, удалить секунды. Будет показывать дату, день недели и время без секунд.

Второй код установите в дизайне, где хотите видеть часики

<font color="#660000;">Сегодня</font>: <span id="date" style="color:#008080;">Дата</span>&nbsp;
<font color="#660000;">Время</font>: <span id="time" style="color:#008080;">Время</span>
<style>

Настройте цвет слов (сегодня и время) или удалите их, а также выберите отображаемый цвет даты, дня недели и времени.

По настройке и установке задавайте вопросы в комментариях или работает форма для связи. Отдельное спасибо, если поделитесь в социальных сетях. Всего доброго.

Рекомендую другие статьи:






Автор статьи ✎ Olga Protasova Выпуск ✹ 12/25/2017 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь Генератором HTML кода

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *