<?php

add_shortcode ( 'my_shortcode_liveclockserver', 'my_shortcode_liveclockserver_func' );

function my_shortcode_liveclockserver_func ( $attr, $content = null ) {
    date_default_timezone_set('Europe/Moscow');
	$time = getdate();

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>&nbsp;&nbsp;<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;
}
?>