<?php
add_shortcode ( 'my_shortcode_liveclockserver', 'my_shortcode_liveclockserver_func' );
function my_shortcode_liveclockserver_func ( $attr, $content = null ) {
return <<<HTML
<style>
.polein {
min-width: 168px; /* Ширина поля цифр + padding */
height: 28px; /* Высота поля цифр*/
line-height: 28px; /* Выравниваем по центру в IE, равно высоте основной*/
background: #edf0e6; /* #d9dcd2; /*url(images/input.png) no-repeat; /* Фон */
padding: 5px; /* Поля */
border: none; /* Убираем рамку */
font-size: 1.28em; /* Размер текста */
font-family: Verdana, sans-serif;
font-weight: bold;
text-align: center;
outline: none;
}
</style>
<form name='lcs'><p><i class='fa fa-clock-o fa-lg' aria-hidden='true'></i> <strong>Точное время: </strong><input type='text' class='polein' name='lcs2'></p></form>
<script>
var second={$time['seconds']};
var minute={$time['minutes']};
var hour={$time['hours']};
document.lcs.lcs2.value='0';
function display(){
second++;
if (second>=60){ second=0; minute++ }
if (minute>=60){ minute=0; hour++ }
if (hour>23){ hour=0; minute=0; second=0 }
var cHour = hour;
var cMinute = minute;
var cSecond = second;
if (second < 10) cSecond = '0' + second;
if (minute < 10) cMinute = '0' + minute;
if (hour < 10) cHour = '0' + hour;
document.lcs.lcs2.value=cHour+':'+cMinute+':'+cSecond;
setTimeout('display()',1000)
}
display()
</script>
HTML;
}
?>