I lang tid har samarbejdsbranchen fokuseret på at forbedre enhedsfunktioner – bedre kameraer, klarere lyd og smartere software. Men den virkelige forvandling handler ikke om funktioner.
<script language="javascript" type="text/javascript"> function showTime(){ var lt = new Date(); document.getElementById('local').innerHTML = lt.toLocaleTimeString(); var ct = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()+1,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var c = document.getElementById('chagen') c.innerHTML = ct.toLocaleTimeString(); c.style.color = (ct.getDate()!=lt.getDate())?'red':'black'; } </script>
Your time: <span id="local"></span> Time in Copenhagen: <span id="chagen"></span> (standard time -- no daylight savings)
Roenving det ser godt nok supert ud, men der kommer ingen tidsangivelser frem. Har prøvet med scriptet både mellem head og body, men ingen forskel,- ingen tid. Har også afprøvet det oploaded på webhotellet
Jeg har forøvrigt indbygget en lille feature, som du (hvis du ikke allerede er i en anden tidszone end Central Europe !-) vil kunne se efter kl. 24 !o]
Hvis du kigger på koden er tricket, at jeg lægger en time til UTC-tiden, kender du tidsforskellen for andre lokaliteter kan du principielt gentage koden ligeså mange gange det skal være ...
F.eks.
<script language="javascript" type="text/javascript"> function showTime(){ var lt = new Date(); document.getElementById('local').innerHTML = lt.toLocaleTimeString(); var ct = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()+1,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var c = document.getElementById('chagen') c.innerHTML = ct.toLocaleTimeString(); c.style.color = (ct.getDate()!=lt.getDate())?'red':'black'; var nt = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()-4,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var n = document.getElementById('newyork') n.innerHTML = nt.toLocaleTimeString(); n.style.color = (nt.getDate()!=lt.getDate())?'red':'black'; } </script> <body onresize onload="showTime();setInterval('showTime()',1000)"> Your time: <span id="local"></span><br> Time in Copenhagen: <span id="chagen"></span> (standard time -- no daylight savings)<br> Time in New York: <span id="newyork"></span> (standard time -- no daylight savings) </body>
Arv,- Det er altså smart, det kan jeg godt bruge... tak. Kom til at tænke på en sidste ting og det var at gøre tiderne i en farve sådan her: <font color="#FF0000"><span id="local"></span></font>, det virker fint på den ene, men ikke på den anden, det er da lidt spøjst hvad. Har du også et trick til dette??
-- og brug ikke font, men sæt farven i de linjer, som hedder x.style.color =
-- den bageste er standard-farven, som vises, når datoen de andre steder er den samme som folks egen, den første er den som vises, hvis datoen er anderledes !o]
Og en udvidet udgave, som tillader dig at sætte farverne i scriptet -- du skal bare huske at tilpasse teksten:
<script language="javascript" type="text/javascript"> var todayColor = "#000"; var tomorrowColor = "#00f"; var yesterdayColor = "#f00"; function showTime(){ var lt = new Date(); var l = document.getElementById('local'); l.innerHTML = lt.toLocaleTimeString(); l.style.color = todayColor;
var ct = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()+1,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var c = document.getElementById('chagen') c.innerHTML = ct.toLocaleTimeString(); c.style.color = (ct.getDate()==lt.getDate())?todayColor:(ct.getDate()>lt.getDate())?tomorrowColor:yesterdayColor;
var mt = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()+3,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var m = document.getElementById('moscow') m.innerHTML = mt.toLocaleTimeString(); m.style.color = (mt.getDate()==lt.getDate())?todayColor:(mt.getDate()>lt.getDate())?tomorrowColor:yesterdayColor;
var nt = new Date(lt.getUTCFullYear(),lt.getUTCMonth(),lt.getUTCDate(),lt.getUTCHours()-4,lt.getUTCMinutes(),lt.getUTCSeconds(),lt.getUTCMilliseconds()); var n = document.getElementById('newyork') n.innerHTML = nt.toLocaleTimeString(); n.style.color = (nt.getDate()==lt.getDate())?todayColor:(nt.getDate()>lt.getDate())?tomorrowColor:yesterdayColor; } </script> <body onload="showTime();setInterval('showTime()',1000)"> Time in different sites around the world (blue is tomorrows date, red yesterdays):<br> Your time: <span id="local"></span><br> Time in Moscow: <span id="moscow"></span> (standard time -- no daylight savings)<br> Time in Copenhagen: <span id="chagen"></span> (standard time -- no daylight savings)<br> Time in New York: <span id="newyork"></span> (standard time -- no daylight savings) </body>
-- og hvis du kigger nærmere efter, vil du kunne se, at den farve, som sættes for local står helt alene, så den kan du faktisk tillade dig at sætte helt selvstændigt !-)
Det er et rigtig godt påhit det med farver for igår idag og imorgen. Nu har jeg kigget nærmere efter det med farvesætning for localtiden, og det kan jeg godt nok ikke finde ud af ?
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
Ny bruger
Nybegynder
Opret
Preview
