Друзья, помогите, пожалуйста, вывести скрипт времени в шапку. Что необходимо прописать в Css.
Ниже прилагаю сам скрипт и CSS, который нужно править.
Заранее спасибо.
Сам скрипт:
</div>
<script type="text/JavaScript">
var wd=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var D=[
[Лондон,60],
['Москва',240],
]
function calc(){
var divs=document.getElementById('zonediv').getElementsByTagName('div');
for(var i=0;i<D.length;i++){
var t=new Date();
t.setTime(t.getTime()+(t.getTimezoneOffset()*60000)+((D[i][1])*60000));//the zone's time
var Dy=t.getFullYear();
var Dd=t.getDate()<10?'0'+t.getDate():t.getDate();
var Dm=t.getMonth()<10?'0'+(t.getMonth()+1):t.getMonth()+1;
var Dh=t.getHours()<10?'0'+t.getHours():t.getHours();
var Di=t.getMinutes()<10?'0'+t.getMinutes():t.getMinutes();
var Ds=t.getSeconds()<10?'0'+t.getSeconds():t.getSeconds();
var Dz=wd[t.getDay()];
var spann = divs[i].getElementsByTagName('span');
spann[0].innerHTML=Dh+':'+Di+' ';
}
setTimeout('calc()',1000)
}
onload=function(){
var root = document.getElementById('zonediv');
for(var i=0;i<D.length;i++){
var sityDiv = document.createElement('div')
sityDiv.className = 'cityTime';
sityDiv.innerHTML = D[i][0];
var sp= document.createElement('span');
sityDiv.appendChild(sp);root.appendChild(sityDiv);
}
calc();
}
</script>
<div id="zonediv"></div>
Вставка в CSS:
.cityTime{background:#868585;color:#fff;text-align:center;padding:5px
0 8px;width:8%;top:0px;left:46%;-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-radius:0 0 5px 5px;z-index:10000;margin-top:30px;margin-left:7px;float:left;text-align:center}.cityTime
span{display:block;font-size:16px}.b-share__text{font:normal 12px tahoma, helvetica, arial, sans-serif}