<div id="widgetClock" class="widget">
    <div class="time">
        {$smarty.now|date_format:"%H:%M:%S"}
    </div>
    <div class="date">
        {$smarty.now|date_format:"%Y.%m:%d"}
    </div>
</div>

<script type="text/javascript">
    seconds=0;
    setInterval(function() {
	if(seconds>59)
	{
	        var date = new Date();
	        var hours = date.getHours() < 10 ? "0"+ date.getHours() : date.getHours();
	        var minutes = date.getMinutes() < 10 ? "0"+ date.getMinutes() : 		date.getMinutes();
	        var day = date.getDate() < 10 ? "0"+ date.getDate() : date.getDate();
	        var month = (date.getMonth() + 1) < 10 ? "0"+ (date.getMonth() + 1) : 	(date.getMonth() + 1);
	        var year = date.getFullYear();
		seconds=0;
	}

        var container = jQuery('#widgetClock');

        jQuery('div.time', container).text(hours +':'+ minutes +':'+ seconds);
        jQuery('div.date', container).text(year +'.'+ month +'.'+ day);

	seconds++;
    }, 1000);
</script>