Вот тут разгадка http://smartliving.ru/forum/viewtopic.p ... 8900#p8900Satgate_M писал(а): Блин я обновился автоматом, но почему-то у меня в заголовке нет времени и даты. Очень бы хотелось получить. Как можно сделать?
Код: Выделить всё
<html>
<head>
<style type="text/css">
.container {height 50px; margin: 0 auto; overflow: hidden;}
.clock { margin:0 auto; padding:5px; color:#fff; }
#Date { font-family: Arial, Helvetica, sans-serif; font-size:16px; text-align:center; text-shadow:0 0 5px #00c6ff; }
.layul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
.layli { display:inline; font-size:22px; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }
@-webkit-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 10px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 10px #00c6ff; }
}
@-moz-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
</style>
<script type="text/javascript">
$(document).ready(function() {
// Создаем две переенные с названиями месяцев и дней недели в массиве
var monthNames = [ "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь" ];
var dayNames= ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]
// Создаем объект newDate()
var newDate = new Date();
// Извлекаем текущую дату из объекта Date
newDate.setDate(newDate.getDate());
// Навыходе день, дата, месяц и год
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
// Создаем объект newDate() и извлекаем секунды текущего времени
var seconds = new Date().getSeconds();
// Добавляем начальный ноль к значению секунд
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
// Создаем объект newDate() и извлекаем минуты текущего времени
var minutes = new Date().getMinutes();
// Добавляем начальный ноль к значению минут
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
// Создаем объект newDate() и извлекаем часы из текущего времени
var hours = new Date().getHours();
// Добавляем начальный ноль к значению часов
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
</script>
</head>
<body>
<div>
<div class="container">
<div class="clock">
<div id="Date"></div>
<ul class="layul">
<li class="layli" id="hours"></li>
<li class="layli" id="point">:</li>
<li class="layli" id="min"></li>
<li class="layli" id="point">:</li>
<li class="layli" id="sec"></li>
</ul>
</div>
</div>
</body>
</html>Как раз то что надо! Спасибо!Anton_kulibin писал(а):Если как на моем скрине то я делал через html-блок вот код,Код: Выделить всё
<html> <head> <style type="text/css"> .container {height 50px; margin: 0 auto; overflow: hidden;} .clock { margin:0 auto; padding:5px; color:#fff; } #Date { font-family: Arial, Helvetica, sans-serif; font-size:16px; text-align:center; text-shadow:0 0 5px #00c6ff; } .layul { margin:0 auto; padding:0px; list-style:none; text-align:center; } .layli { display:inline; font-size:22px; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; } #point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; } @-webkit-keyframes mymove { 0% {opacity:1.0; text-shadow:0 0 10px #00c6ff;} 50% {opacity:0; text-shadow:none; } 100% {opacity:1.0; text-shadow:0 0 10px #00c6ff; } } @-moz-keyframes mymove { 0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;} 50% {opacity:0; text-shadow:none; } 100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } } </style> <script type="text/javascript"> $(document).ready(function() { // Создаем две переенные с названиями месяцев и дней недели в массиве var monthNames = [ "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь" ]; var dayNames= ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"] // Создаем объект newDate() var newDate = new Date(); // Извлекаем текущую дату из объекта Date newDate.setDate(newDate.getDate()); // Навыходе день, дата, месяц и год $('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear()); setInterval( function() { // Создаем объект newDate() и извлекаем секунды текущего времени var seconds = new Date().getSeconds(); // Добавляем начальный ноль к значению секунд $("#sec").html(( seconds < 10 ? "0" : "" ) + seconds); },1000); setInterval( function() { // Создаем объект newDate() и извлекаем минуты текущего времени var minutes = new Date().getMinutes(); // Добавляем начальный ноль к значению минут $("#min").html(( minutes < 10 ? "0" : "" ) + minutes); },1000); setInterval( function() { // Создаем объект newDate() и извлекаем часы из текущего времени var hours = new Date().getHours(); // Добавляем начальный ноль к значению часов $("#hours").html(( hours < 10 ? "0" : "" ) + hours); }, 1000); }); </script> </head> <body> <div> <div class="container"> <div class="clock"> <div id="Date"></div> <ul class="layul"> <li class="layli" id="hours"></li> <li class="layli" id="point">:</li> <li class="layli" id="min"></li> <li class="layli" id="point">:</li> <li class="layli" id="sec"></li> </ul> </div> </div> </body> </html>
МистикаAnton_kulibin писал(а):Не знаю что я не так сделал, из ГитХаба обновился, до 0.6 половина модулей не стала работать. откатился до 0.5 и обновился через админку, стало как мне надо и при этом все работает. Проблема с загрузкой истории Алисы тоже была, вылечилась перезагрузкой сервера.
