ZorNet.Ru — сайт для вебмастера » HTML и CSS » Вывод даты и времени на сайте как Vk

Вывод даты и времени на сайте как Vk

Вывод даты и времени на сайте как Vk
Актуальная функция по выводу времени и даты, когда был размещен материал. Здесь с начало идет число в последующем переходящие в дни. Безусловно операторы по умолчанию идут, но как пример для новостного портала они не подойдут, так как там изначально выставлено на минуты и смотрят когда была залита статья. И здесь этот скрипт отличное решение для таких площадок будет. Немного по стилистике его доработал, что можете потом сами редактировать, и подгонять под конструкцию.

Проверка с тестового:

Скрипт цифровых часов

HTML:

Код
<?if($DATE$='Сегодня')?>  
<span id="d$ID$"></span>  
<script type="text/javascript">  
function corrDate(t,n){return n!=0?" " + n + " " + t[n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2] + ", ":"";};  
(function(time){var everySecond=true,ar=arguments,_=Math.ceil((time-($TIMESTAMP$*1000))/(1000)),day,hour,min,sec,text=[['день', 'дня', 'дней'], ['час', 'часа', 'часов'], ['минуту', 'минуты', 'минут'], ['секунду', 'секунды', 'секунд']],res; day = Math.floor((_/86400)); _=_-(day*86400); hour = Math.floor((_/3600)); _=_-(hour*3600); min = Math.floor((_/60)); _=_-(min*60);  
if(min>0) {if(min==1) {res='Минуту назад'} else {if(hour>0) {if(hour=='1') {res='Час назад'} else {res=corrDate(text[1],hour)}} else {res=corrDate(text[2],min)}}} else {res='Только что'}  
document.getElementById("d$ID$").innerHTML=res.replace(/\,\s$/, " назад"); if (everySecond) {setTimeout(function(){ar.callee(new Date().getTime());},1000);}})(new Date().getTime());  
</script>  
<?else?>  
<span class="rating-kp-imdb"><i class="fa fa-clock-o" aria-hidden="true"></i> $DATE$ в $TIME$</span>  
<?endif?>

CSS:

Код
.rating-kp-imdb {padding: 3px;padding-left: 7px;padding-right: 4px;border-radius: 7px;background: #21292f;border: 2px solid rgba(101, 97, 97, 0.93);}

Здесь подключены шрифтовые иконки в начале можно увидеть, что есть возможность произвести в этом плане.
09 Октября 2017 Просмотров: 1525 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar